jQuery插件開發的兩種方法及$.fn.extend的詳解_jquery

jQuery外掛程式開發分為兩種：

1 類別層級

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

開發擴充其方法時使用$.extend方法，即jQuery.extend(object);

複製程式碼

複製程式碼

程式碼如下:


$.extend({

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

minus:function(a,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;
});
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();