jQuery插件开发中$.extend和$.fn.extend辨析
?jQuery插件開發(fā)分為兩種:
?
1 類級(jí)別
類級(jí)別你可以理解為拓展jquery類,最明顯的例子是$.ajax(...),相當(dāng)于靜態(tài)方法。
開發(fā)擴(kuò)展其方法時(shí)使用$.extend方法,即jQuery.extend(object);?
?
$.extend({?
???????add:function(a,b){return a+b;}?,
???????minus:function(a,b){return a-b;}?
});?
頁(yè)面中調(diào)用:
var i = $.add(3,2);
var j = $.minus(3,2);
2 對(duì)象級(jí)別
對(duì)象級(jí)別則可以理解為基于對(duì)象的拓展,如$("#table").changeColor(...); 這里這個(gè)changeColor呢,就是基于對(duì)象的拓展了。
開發(fā)擴(kuò)展其方法時(shí)使用$.fn.extend方法,即jQuery.fn.extend(object);?
$.fn.extend({
????????check:function(){
????????????? return this.each({
?????????????????? this.checked=true;
?????????????});
????????},
???????uncheck:function(){
????????????? return this.each({
??????????????????? this.checked=false;
???????????? });
?????? }
});
頁(yè)面中調(diào)用:
$('input[type=checkbox]').check();
$('input[type=checkbox]').uncheck();
?
3、擴(kuò)展
$.xy = {
add:function(a,b){return a+b;} ,
minus:function(a,b){return a-b;},
voidMethod:function(){?alert("void");?}
};
var i = $.xy.add(3,2);
var m = $.xy.minus(3,2);
$.xy.voidMethod();
轉(zhuǎn)載于:https://www.cnblogs.com/ranran/p/jQuery_extend.html
總結(jié)
以上是生活随笔為你收集整理的jQuery插件开发中$.extend和$.fn.extend辨析的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: centos6.4 搭建knowlede
- 下一篇: Android 通过Service单独进