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);
復制代碼 代碼如下:
$.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();
相關文章
在鼠標放到圖片上， 圖片會有個上下抖動的特效。很喜歡這種感覺。在于是摸索了一下，下面是一些步驟。2010-09-09
本節(jié)主要介紹了jquery如何取子節(jié)點及當前節(jié)點屬性值,需要的朋友可以參考下2014-07-07
jQuery 選擇同時包含兩個class的元素的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query 選擇同時包含兩個class的元素的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了jQuery中:gt選擇器用法,實例分析了:gt選擇器的功能、定義及匹配大于給定索引值元素的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2014-12-12
2012年開發(fā)人員的16款新鮮的jquery插件體驗分享
jQuery的是一個多瀏覽器的Javascript集合，以輕松地簡化了客戶端腳本的HTML;使用這些插件方法可以創(chuàng)建高效強大的網(wǎng)頁和Web程序2012-12-12
ID是html頁面中一些元素都可以有個本頁面唯一的id包括如,div,input,iframe等等都是可以的,下面我來給大家介紹利用jquery 獲取id值方法,有需要了解的朋友可參考2013-09-09
來自國外的30個基于jquery的Web下拉菜單，需要的朋友可以參考學習下2012-06-06
詳談jQuery操縱DOM元素屬性 attr()和removeAtrr()方法
這篇文章主要詳細介紹了jQuery操縱DOM元素屬性 attr()和removeAtrr()方法，非常的全面細致，在這里推薦給小伙伴們。2015-01-01
這篇文章主要為大家詳細介紹了jQuery超精致圖片輪播幻燈片特效，圖片輪播效果特別適合做產(chǎn)品展示，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-09-09
下面都是默認一樣大小的方塊，當鼠標放到你想要放的位置，則當前位置的方塊則放大。2010-05-05