jQuery插件開發(fā)的兩種方法及$.fn.extend的詳解
更新時(shí)間:2014年01月16日 16:20:17 作者:
jQuery插件開發(fā)分為兩種:1 類級別、2 對象級別,下面為大家詳細(xì)介紹下
jQuery插件開發(fā)分為兩種:
1 類級別
類級別你可以理解為拓展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;}
});
頁面中調(diào)用:
var i = $.add(3,2);
var j = $.minus(3,2);
2 對象級別
對象級別則可以理解為基于對象的拓展,如$("#table").changeColor(...); 這里這個changeColor呢,就是基于對象的拓展了。
開發(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;
});
}
});
頁面中調(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();
1 類級別
類級別你可以理解為拓展jquery類,最明顯的例子是$.ajax(...),相當(dāng)于靜態(tài)方法。
開發(fā)擴(kuò)展其方法時(shí)使用$.extend方法,即jQuery.extend(object);
復(fù)制代碼 代碼如下:
$.extend({
add:function(a,b){return a+b;} ,
minus:function(a,b){return a-b;}
});
頁面中調(diào)用:
復(fù)制代碼 代碼如下:
var i = $.add(3,2);
var j = $.minus(3,2);
2 對象級別
對象級別則可以理解為基于對象的拓展,如$("#table").changeColor(...); 這里這個changeColor呢,就是基于對象的拓展了。
開發(fā)擴(kuò)展其方法時(shí)使用$.fn.extend方法,即jQuery.fn.extend(object);
復(fù)制代碼 代碼如下:
$.fn.extend({
check:function(){
return this.each({
this.checked=true;
});
},
uncheck:function(){
return this.each({
this.checked=false;
});
}
});
頁面中調(diào)用:
復(fù)制代碼 代碼如下:
$('input[type=checkbox]').check();
$('input[type=checkbox]').uncheck();
3、擴(kuò)展
復(fù)制代碼 代碼如下:
$.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();
您可能感興趣的文章:
- 跟我一起學(xué)寫jQuery插件開發(fā)方法(附完整實(shí)例及下載)
- 基于Jquery插件開發(fā)之圖片放大鏡效果(仿淘寶)
- jQuery插件開發(fā)的五種形態(tài)小結(jié)
- jQuery插件開發(fā)詳細(xì)教程
- jquery插件開發(fā)方法(初學(xué)者)
- 跟我一起學(xué)JQuery插件開發(fā)
- 自己動手開發(fā)jQuery插件教程
- jQuery圖片輪播插件——前端開發(fā)必看
- jQuery圖片查看插件Magnify開發(fā)詳解
- jQuery 驗(yàn)證插件 Web前端設(shè)計(jì)模式(asp.net)
- jquery插件開發(fā)模式實(shí)例詳解
相關(guān)文章
jquery 取子節(jié)點(diǎn)及當(dāng)前節(jié)點(diǎn)屬性值
本節(jié)主要介紹了jquery如何取子節(jié)點(diǎn)及當(dāng)前節(jié)點(diǎn)屬性值,需要的朋友可以參考下2014-07-07jQuery 選擇同時(shí)包含兩個class的元素的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query 選擇同時(shí)包含兩個class的元素的實(shí)現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-062012年開發(fā)人員的16款新鮮的jquery插件體驗(yàn)分享
jQuery的是一個多瀏覽器的Javascript集合,以輕松地簡化了客戶端腳本的HTML;使用這些插件方法可以創(chuàng)建高效強(qiáng)大的網(wǎng)頁和Web程序2012-12-12詳談jQuery操縱DOM元素屬性 attr()和removeAtrr()方法
這篇文章主要詳細(xì)介紹了jQuery操縱DOM元素屬性 attr()和removeAtrr()方法,非常的全面細(xì)致,在這里推薦給小伙伴們。2015-01-01Jquery 方塊隨著鼠標(biāo)所在的區(qū)域而放大
下面都是默認(rèn)一樣大小的方塊,當(dāng)鼠標(biāo)放到你想要放的位置,則當(dāng)前位置的方塊則放大。2010-05-05