日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

jQuery插件开发中$.extend和$.fn.extend辨析

發布時間:2024/9/20 40 豆豆
生活随笔 收集整理的這篇文章主要介紹了 jQuery插件开发中$.extend和$.fn.extend辨析 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

?jQuery插件開發分為兩種:

?

1 類級別

類級別你可以理解為拓展jquery類,最明顯的例子是$.ajax(...),相當于靜態方法。

開發擴展其方法時使用$.extend方法,即jQuery.extend(object);?

?

$.extend({?

???????add:function(a,b){return a+b;}?,

???????minus:function(a,b){return a-b;}?
});?

頁面中調用:

var i = $.add(3,2);

var j = $.minus(3,2);


2 對象級別

對象級別則可以理解為基于對象的拓展,如$("#table").changeColor(...); 這里這個changeColor呢,就是基于對象的拓展了。

開發擴展其方法時使用$.fn.extend方法,即jQuery.fn.extend(object);?

$.fn.extend({

????????check:function(){
????????????? return this.each({
?????????????????? this.checked=true;
?????????????});
????????},
???????uncheck:function(){
????????????? return this.each({
??????????????????? this.checked=false;
???????????? });
?????? }
});

頁面中調用:

$('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();

轉載于:https://www.cnblogs.com/ranran/p/jQuery_extend.html

總結

以上是生活随笔為你收集整理的jQuery插件开发中$.extend和$.fn.extend辨析的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。