1. 程式人生 > >Jquery 的擴充套件方法總結

Jquery 的擴充套件方法總結

二、呼叫示例: 
  1.jQuery 本身的擴充套件方法例項如下: 
複製程式碼程式碼如下:
jQuery.extend({ 
Meg: function (message) { 
alert(message); 
}, 
MegToo: function (messageToo) { 
alert(messageToo); 

}); 

  頁面呼叫:jQuery.Meg("Hi,Stone"); 
  其中Meg和MegToo為我的jQuery自定義擴充套件方法,多個擴充套件方法之間用英文逗號隔開。 
  2.jQuery 所選物件擴充套件方法有兩種書寫方式。 
   a)jQuery 所選物件擴充套件方法例項一如下: 
複製程式碼
程式碼如下:
jQuery.fn.extend({ 
ShowHtml: function (showhtml) { 
jQuery(this).html(showhtml); 

}); 

   頁面呼叫:jQuery("#htmlDiv").ShowHtml("Stone,Hi!"); 
   其中ShowHtml為我的jQuery所選物件的擴充套件方法,多個擴充套件方法之間用英文逗號隔開。 
   b)jQuery 所選物件擴充套件方法例項二程式碼如下: 
複製程式碼程式碼如下:
(function (jq) { 
jq.fn.ShowHtmlToo = function (showhtml) { 
jQuery(this).html(showhtml); 
}; 
})(jQuery) 

   呼叫相同與方式一:jQuery("#htmlDiv").ShowHtmlToo("Stone,Hi!");