首页 > 代码库 > jquery插件开发三种方法

jquery插件开发三种方法

1.好像之前看视频记录下来的,不记得了。

 1 //类级别插件开发,主要是在jQuery中定义全局方法:
 2 
 3 //第一种写法
 4 jQuery.myFunc = function(str){
 5     alert("直接在jquery中定义方法",str)
 6 }
 7 //调用方式  $.myFunc("hello!");
 8 
 9 //第二种写法
10 jQuery.extend({
11     myFunc:function(str){
12         alert("extend扩展$的方法",str)
13     }
14 })
15 //调用方式  $.myFunc("hello!");
16 
17 
18 //第三种写法: 为了不污染全局,挂载一个对象作为命名空间,自定义的所有方法放在这里,保证jQuery全局安全。
19 jQuery.define={
20     myFunc:function(str){
21         alert("命名空间的写法",str)
22     }
23 }
24 
25 //调用方式:$.define.myFunc("hello");
26 
27 
28 //以上三种是级别插件开发方式,不常用,从调用方式看出,他们是全局执行的,不需要绑定节点对象。
29 
30 
31 //对象级别插件开发:有规范模板
32 
33 ;(function($){
34     $.fn.plugin = function(options){
35         var defaults = {
36             //各种默认参数
37         }
38         var options = $.extend(defaults,options); //传入的参数覆盖默认参数
39         this.each(function(){
40             var _this = $(this);  //缓存一下插件传进来的节点对象。
41             //执行内容
42             
43             
44         })
45         return $(this);   //把节点对象返回去,为了支持链式调用。
46     }
47 })(jQuery);
48 
49 //调用方式 
50 $("selector").plugin({
51     //自定义参数,json格式
52 })

 

jquery插件开发三种方法