jQuery如何實現新增自定義函式

關於給jQuery新增自定義函式，專業點的說法就是自定義外掛，其實都是一個意思。

如果想設定id屬性值為thediv中的字型顏色，可以使用以下程式碼:

[JavaScript] 純文字檢視 複製程式碼
$("thediv").css("color","red");

將字型顏色設定為紅色，css()是jQuery已經封裝好了的，我們也可以自定這樣類似的方法。

一.jQuery.extend(Object):

此函式是擴充套件的jQuery本身，也就是為其新增的是靜態屬性或者函式。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
jQuery.extend({
  msg:function(){
    alert("歡迎來到螞蟻部落");
  },
  webName:"螞蟻部落"
});

以上程式碼為jQuery類新增一個靜態函式和靜態屬性，使用方式如下 :

[JavaScript] 純文字檢視 複製程式碼
jQuery.msg();
jQuery.webName;

二.jQuery.fn.extent(Object):

使用此函式將會為jQuery物件例項新增方法和屬性。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
jQuery.fn.extend({
  msg:function(){
    alert("歡迎來到螞蟻部落");
  },
  webName:"螞蟻部落"
}); 
$("thediv").msg();
$("thediv").webName;

以上程式碼jQuery的物件例項新增了一個例項方法和一個例項屬性。

相關閱讀:

1.jQuery.fn.extend()可以參閱jQuery.fn的作用是什麼一章節。

2.jQuery.extend()函式可以參閱jQuery.extend()方法一章節。