[jQuery]《锋利的jQuery》插件部分总结

 1 /**
 2  * 《锋利的jQuery》插件部分总结
 3  * 
 4  * jQuery插件推荐命名:jquery.name.js
 5  * 
 6  * $.fn.extend用于封装对象方法的插件
 7  * $.extend用于封装全局函数或者选择器插件
 8  * 
 9  * 
10  * (函数表达式)(参数值);这种写法是javascript的一个立即调用的函数表达式,可参考:http://www.cnblogs.com/hihtml5/p/6208241.html
11  */
12 
13 //头部加上;是为了防止他人的不规范代码给插件压缩时带来影响
14 ;(function($){
15     //扩展一个jQuery对象的函数
16     $.fn.extend({   //此函数是对jQuery对象的方法扩展
17         action:function(options){
18             $.extend({  //此函数经常用于设置插件方法的一系列默认参数,一般第一个参数作为默认配置,将与后面n个对象进行合并操作,具体功能参考api文档
19                     name:"default",
20                     length:5
21                 },
22                 options
23             );
24             //插件代码
25         }
26     });
27     //扩展一个jQuery全局函数
28     $.extend({  //此函数不只是用于合并参数,当只有唯一一个对象参数时将用于扩展jQuery的命名空间
29             action:function(){
30                 //插件代码
31             }
32         }
33     );
34     //扩展一个jQuery选择器
35     $.extend($.expr[":"],{  //此函数还可以指定一个jQuery本身已有的对象和n个待合并对象进一步扩展jQuery已有的对象,$.expr[":"]返回jQuery的部分选择器对象
36             action:function(a,i,m){
37                 //插件代码
38             }
39         }
40     );
41 })(jQuery);
42 //;是为了防止压缩时出现问题

 

posted on 2016-12-21 17:14  代码ok  阅读(187)  评论(0编辑  收藏  举报