jQuery插件開發(fā)的兩種方法及$.fn.extend的詳解
更新時間：2014年01月16日 16:20:17 作者：
jQuery插件開發(fā)分為兩種：1 類級別、2 對象級別，下面為大家詳細介紹下
jQuery插件開發(fā)分為兩種：
1 類級別
類級別你可以理解為拓展jquery類，最明顯的例子是$.ajax(...),相當于靜態(tài)方法。
開發(fā)擴展其方法時使用$.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ā)擴展其方法時使用$.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、擴展
$.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(...),相當于靜態(tài)方法。
開發(fā)擴展其方法時使用$.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ā)擴展其方法時使用$.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、擴展
復(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();
您可能感興趣的文章:
相關(guān)文章
ff下JQuery無法監(jiān)聽input的keyup事件的解決方法
這篇文章主要介紹了ff下JQuery無法監(jiān)聽input的keyup事件的解決方法。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jQueryUI寫一個調(diào)整分類的拖放效果實現(xiàn)代碼
最近，想用jQuery做一個網(wǎng)頁的樹目錄結(jié)構(gòu)，并且可以使用鼠標拖動調(diào)整選項的位置。我在網(wǎng)上找了一下插件，基本上看了好幾款比較著名的，都覺得代碼太復(fù)雜了或者界面太丑了等各種不符合我的要求2012-05-05
Jquery對新插入的節(jié)點 綁定Click事件失效的解決方法
下面小編就為大家?guī)硪黄狫query對新插入的節(jié)點 綁定Click事件失效的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
用jquery中插件dialog實現(xiàn)彈框效果實例代碼
這篇文章介紹了jquery中插件dialog實現(xiàn)彈框效果實例代碼，有需要的朋友可以參考一下2013-11-11
這篇文章主要為大家詳細介紹了jquery實現(xiàn)圖片自動輪播效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
本文和其他的介紹JQuery的方法不同，本文側(cè)重點是介紹一些JQuery的使用原則，以便讓JQuery代碼更高效的執(zhí)行。2016-04-04
jQuery實現(xiàn)的省市縣三級聯(lián)動菜單效果完整實例
這篇文章主要介紹了jQuery實現(xiàn)的省市縣三級聯(lián)動菜單效果,結(jié)合完整實例形式分析了jQuery數(shù)組操作及事件響應(yīng)的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2016-08-08
前端html中jQuery實現(xiàn)對文本的搜索功能并把搜索相關(guān)內(nèi)容顯示出來
這篇文章主要介紹了前端html中jQuery實現(xiàn)對文本的搜索功能并把搜索相關(guān)內(nèi)容顯示出來,在項目中經(jīng)常會遇到，今天小編把實例代碼分享給大家，需要的朋友可以參考下2017-11-11
jQuery實現(xiàn)兩列等高并自適應(yīng)高度
想要使用jQuery實現(xiàn)兩列等高并自適應(yīng)高度，其實也很簡單，原理就是取得左右兩邊的高度，然后判斷這個值，把大的值賦給小的就行了。下面就跟小編一起來看下吧2016-12-12
快速解決jquery.touchSwipe左右滑動和垂直滾動條沖突
這篇文章主要介紹了快速解決jquery.touchSwipe左右滑動和垂直滾動條沖突問題，感興趣的小伙伴們可以參考一下2016-04-04