用jQuery 編寫自定義外掛程式

2021-07-02 01:21:46 字數 965 閱讀 8845

一、基本的**結構:

方法一:

//name : 外掛程式名

(function();

var opts = $.extend(defaults,options); //此處options為使用者設定的引數物件(使用者傳參)

//實現外掛程式的** bla bla bla

} })(jquery);

方法二:

(function(),

name2 : function(),

//其他功能

});})(jquery);

二、具體例項:

方法一:

(function();

var opts = $.extend(defaults,options);

return opts.a + opts.b;

}$.fn.dev = function(options);

var opts = $.extend(defaults,options);

return opts.a - opts.b;

}})(jquery);

方法二:

(function(),

dev : function(a,b)

});})(jquery);

呼叫**:

var n = $(this).add(3,2);

alert(n); //5

var m = $(this).dev(3,2);

alert(m);//1

jquery自定義外掛程式

jquery自定義外掛程式的幾種常用的方法 第一種方法 fn.fun function target fun 第二種方法 fn.extend target fun 第三種方法 extend fun 在這裡需要詳細解釋一下jquery的api extend var obj1 var obj2 var ...

jquery自定義外掛程式

實現方法 jquery為開發外掛程式提拱了兩個方法,分別是 jquery.fn.extend object 給jquery物件新增方法。jquery.extend object 為擴充套件jquery類本身.為類新增新的方法,可以理解為新增靜態方法。這兩個方法都接受乙個引數,型別為object,ob...

Jquery 自定義外掛程式

jquery外掛程式分三種 1.給jquery原型新增全域性函式 2.給jquery物件新增擴充套件 3.擴充套件器擴充套件 自定義jquery外掛程式的一些規約 1.命名 jqurey.pluginname.js 2.擴充套件規則 新方法新增到 jquery.fn上 新功能新增到jquery上 3...