jQuery插件開發分為兩種:1 類級別、2 對象級別,下面為大家詳細介紹
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();