自定義jquery外掛簡單介紹

儘管jQuery封裝了豐富功能強大的函式和屬性，但是在實際應用中還是不能夠面面俱到的滿足要求，所以需要自行定義滿足各種要求的外掛，下面就介紹一下如何實現此功能。

一.新增靜態方法:

儘管在當前的javascript中並沒有類的概念，但是其實就是那麼個意思。所謂類級別的，就是為jQuery類新增類似於c#和java中的靜態方法，類似於$.ajax()這樣的方法，使用$.extend(object)即可實現此功能。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$.extend({
  addition:function(a,b){return a+b;}, 
  subtraction:function(a,b){return a-b;} 
});

以上程式碼可以為jQuery類新增靜態函式，呼叫方式:

[JavaScript] 純文字檢視 複製程式碼
$.addition(1,2);
$.subtraction(5,2);

相關閱讀:

1.extend()函式可以參閱$.extend()函式用法詳解一章節。 

二.新增例項方法:

所謂的例項物件就是需要類的物件例項進行呼叫的方法，例如$("div").css("color","red")，此css()方法就是一個例項函式，使用$.fn.extend()方法即可實現此功能。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$.fn.extend({ 
  check:function(){ 
    return this.each(function(){ 
      this.checked=true; 
    }); 
  }, 
  uncheck:function(){ 
    return this.each(function(){ 
      this.checked=false; 
    }); 
  }
});

以上程式碼新增了兩個例項函式，能夠全選或者取消全選匹配的核取方塊,呼叫方式:

[JavaScript] 純文字檢視 複製程式碼
$('input[type=checkbox]').check(); 
$('input[type=checkbox]').uncheck();