现在已经是学会$.extend()函数的日后了....
将新的函数的合并到JQuery函数库，这样就可以用$(selector)._cow_vaginal()的形式调用了
1.第一种方法(模版),总觉得这种写法不太正统
(function($){
$.fn.extend({
_Your_Function_Name:function(){
//very important property -- arguments
//此默认参数用来日后获取调用该参数的
//例如: arguments[0]....arguments[n]
//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
//!!!!!Do some thing here!!!!!!!!!!!!
//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
};
});
})(jQuery);
2.第二种方法
(function($){
$.fn._Your_Function_Name= function(options){
//各种属性、参数
var defaultsArguments = {
argument1:"Niu",
argument2:"Bi",
}
//这里获取参数的方式也可以跟上面的一致
//var options = $.extend(defaults, options);
this.each(function(){
//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
//!!!!!Do some thing here!!!!!!!!!!!!
//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
});
};
})(jQuery);
//调用方法就跟JQuery的默认函数一样
$(selector)._Your_Function_Name();
$(selector)._Your_Function_Name(
参数1,
参数2,
...
参数n
);
//一个例子
<!DOCTYPE html>
<html>
<head>
<title>JQuery</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
#msg{width:100%;height:100%;}
</style>
</head>
<body>
<script>
(function($){
$.fn.extend({
_COW_VAGINAL:function(){
var arg= arguments[0];
var arg2 = arguments[1];
var arg3 = arguments[2];
alert(arg[1].simple + ","+arg2+","+arg3.arg1);
//alert(arg[1]["simple"] + ","+arg2);
}
});
})(jQuery);
</script>
<script>
(function($){
$.fn._COW_VAGINAL_AGAIN = function(options){
//各种属性、参数
var arg= arguments[0];
var arg2 = arguments[1];
//var options = $.extend(defaults, options);
this.each(function(){
//插件实现代码
alert(arg2);
});
};
})(jQuery);
</script>
<script>
var arr = [ "one", "two", "three", "four", "five" ];
var obj = { one:1, two:2, three:3, four:4, five:5 };
//alert($.isArray(obj));
$(document).ready(function(){
$("#msg")._COW_VAGINAL(
[
{name:"name",simple:"标题",required:true},
{name:"lls",simple:"标题2",required:true},
],
"let's start",
{
arg1:"NiuBi",
arg2:"NiuBi2"
}
);
});
</script>
<div id="msg">
</div>
</body>
</html>
分享到：
相关推荐
一个简单的jQuery插件通常会定义一个新的方法，这个方法可以在jQuery对象上调用。以下是一个基本的插件模板： ```javascript (function($) { // 封装防止污染全局命名空间 $.fn.myPlugin = function(options) { ...
《jQuery插件库：HTML5 + CSS3 发光文字效果详解》 在网页设计与Web开发领域，jQuery作为一款强大的JavaScript库，极大地简化了DOM操作、事件处理以及动画效果的实现。结合HTML5的新特性与CSS3的强大样式控制，我们...
总结，jQuery插件库是JavaScript开发中的一大宝藏，它让开发变得更加高效和便捷。通过理解其工作原理和结构，我们可以创建自己的插件，也可以更好地利用已有的插件资源，提升项目的质量和用户体验。
然而，对于拖放功能，jQuery的核心库并未内置，而是通过扩展插件的形式提供，如`jquery.event.drag`。本文将深入探讨这个插件，解析其核心原理，并结合实际案例展示其应用。 一、`jquery.event.drag`插件简介 `...
《jQuery颜色选择插件深度解析》 ...总的来说，jQuery颜色选择插件为网页开发带来了便利，使得颜色选择功能的实现变得更加简单。通过深入理解和灵活运用，我们可以创造出更加生动、直观的用户体验。
首先，我们需要在项目中引入 jQuery 库，因为这个插件是基于 jQuery 构建的。接着，将 jQuery 年月日插件的 JavaScript 文件引入到 HTML 文档中。通常，我们将其放在 `<head>` 标签内或文档底部的 `</body>` 之前，...
在实际开发中，插件和拓展函数通常包含更复杂的逻辑，例如事件处理、动画效果、数据操作等。同时，良好的插件设计应考虑到可复用性和可扩展性，使得其他开发者可以轻松地使用或定制你的代码。 总结起来，jQuery的...
除了基本功能外，`jQuery.fancyTable`还可以与其他jQuery插件结合，如数据验证、表单提交等，构建更复杂的业务场景。同时，开发者可以根据自己的需求扩展插件，增加新的功能，如列宽调整、导出数据等。 总结，`...
**jQuery翻转倒计时定时器插件**是一款基于JavaScript库jQuery开发的高效且美观的计时工具。这款插件采用独特的翻转数字效果，为用户提供了一种动态、直观的倒计时或计数器展示方式，适用于各种场景，如活动倒计时、...
该压缩包"jQuery表单验证插件validate支持拓展.zip"很可能包含了validate插件的核心文件、扩展文件以及相关的示例或文档，帮助开发者更好地理解和使用这个插件。文件名"132674313582884251"可能是一个时间戳，代表了...
6. **jQuery插件开发**：深入部分，读者将学习如何设计和实现自定义的jQuery插件，包括插件结构、命名空间、选项和回调函数的使用，从而拓展jQuery的功能。 7. **源码分析**：附带的源代码可以帮助读者更好地理解和...
- **Bootstrap**：一套流行的前端框架，包含响应式布局、组件和jQuery插件。 - **jQuery Validation**：用于表单验证的插件，提供多种验证规则。 - **Magnific Popup**：优雅的轻量级弹出窗口插件，支持图片、视频和...
"jquery插件"这个主题主要涵盖了如何使用和开发jQuery插件，特别是针对文本多值匹配和jQuery autocomplete拓展的使用。 首先，jQuery的核心功能包括选择器、DOM操作、事件处理和动画效果等，而jQuery插件则是为了...
**jQuery EasyDrag 拖动插件详解** jQuery EasyDrag 是一个轻量级且功能强大的JavaScript库，专门用于实现元素的拖动功能。这个插件是基于广泛使用的jQuery框架构建的，因此它易于集成到现有的jQuery项目中。...
jQuery作为一款强大的JavaScript库，极大地简化了网页交互和DOM操作，而jQuery插件则进一步拓展了其功能范围。本文将详细解析一个名为“COLPICK”的jQuery颜色选取器插件，帮助开发者了解如何在项目中实现高效的颜色...
除了基本的倒计时功能，jQuery倒计时插件还可以结合其他jQuery插件或库进行扩展，如Bootstrap模态框显示倒计时结束消息，或者与Ajax结合实时更新倒计时数据。 总结 jQuery倒计时插件以其便捷的使用方式和丰富的...
**jQuery文件树形菜单插件proTree详解** 在网页开发中，为了更好地组织和展示大量数据，树形菜单是一个常用且实用的元素。`proTree`是一款基于jQuery的插件，它能帮助开发者轻松实现文件目录或层级结构的可视化展示...
jQuery插件的基本结构如下： ```javascript (function($) { $.fn.myWizard = function(options) { // 插件逻辑 }; })(jQuery); ``` 在这里，`$.fn` 是jQuery对象的方法集合，`myWizard`是我们要创建的插件名。 ...
jQuery数字滚动倒计时插件，也被称为jQuery Countdown Timer，是一种在网页上实现动态、实时显示倒计时功能的工具。这种插件广泛应用于各种场景，例如产品上线预告、活动开始倒计时、考试时间提醒等，能为用户提供...