jQuery插件开发汇总(jquery插件大全)

编辑：rootadmin

推荐整理分享jQuery插件开发汇总(jquery插件大全)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery开发工具,简单的jquery插件实例,jquery开发工具,jquery插件大全,jquery 插件开发,jquery 插件开发,jquery插件开发方法,jq插件开发与使用,内容如对您有帮助，希望把文章链接给更多的朋友！

一、jQuery插件开发两个底层方法jQuery.extend([deep ], target [, object1 ] [, objectN ] )将两个或更多对象的内容合并到第一个对象。

1、deep 如果是true，合并成为递归（又叫做深拷贝）2、target 一个对象，如果附加的对象被传递给这个方法将那么它将接收新的属性，如果它是唯一的参数则将扩展jQuery的命名空间，这对于插件开发者希望向 jQuery 中添加新函数时是很有用的。3、object1 一个对象，它包含额外的属性合并到第一个参数4、包含额外的属性合并到第一个参数当我们提供两个或多个对象给(.extend()，对象的所有属性都添加到目标对象（target参数）目标对象（第一个参数）将被修改，并且将通过).extend()返回。然而，如果我们想保留原对象，我们可以通过传递一个空对象作为目标对象：var settings = $.extend({}, defaults, options);在默认情况下，通过$.extend()合并操作是不递归的;

在jQuery源码中有jQuery.fn = jQuery.prototype = function(){……}即指向jQuery对象的原型链，对其它进行的扩展，作用在jQuery对象上面；

总结

1、jQuery.extend()能够创建全局函数或选择器，在实际开发中常使用jQuery.extend()方法作为插件方法传递系列选项结构的参数2、jQuery.fn.extend()能够创建jQuery对象方法，一般用此方法来扩展jQuery的对象插件二、jQuery插件开发通用框架

使用分号是为了防止因前面的代码没有使用分号而导致插件函数不能正确解析传入jQuery是为了确保在匿名函数中正确的使用jQuery对象，防止多库共存时$冲突传入window、document并非必须，只不过为了更快的访问window和document传入undefined是为了防止undefined变量被更改，确保undefined的准确性

三、jQuery插件开发的3种形式1、类级别开发(封装全局函数的插件)类级别写法：

调用方法：$.pluginName();

2、对象级别的插件开发对象级别插件写法：

调用方法：$.fn.pluginName();

3、通过$.widget()应用jQuery UI的部件工厂方式创建用来开发更高级jQuery部件的，该模式开发出来的部件带有很多jQuery内建的特性，比如插件的状态信息自动保存，各种关于插件的常用方法等

四、编写JQuery插件需要注意的地方：1、插件的推荐命名方法为：jquery.[插件名].js2、所有的对象方法都应当附加到JQuery.fn对象上面，而所有的全局函数都应当附加到JQuery对象本身上。3、可以通过this.each() 来遍历所有的元素4、在jQuery开发中，this关键词通常引用的是当前正在操作的DOM元素，但在当前的jQuery插件上下文中，this关键词引用的是当前jQuery实例自身，唯一的例外是在当前jQuery集合中遍历所有元素时，$.each循环体内的this引用的是这一轮遍历所暴露的DOM元素5、所有方法或函数插件，都应当以分号结尾，否则压缩的时候可能会出现问题。为了更加保险写，可以在插件头部添加一个分号（；），以免他们的不规范代码给插件带来影响。6、插件应该返回一个JQuery对象，以便保证插件的可链式操作。