Jquery 的扩展方法总结

jQuery的扩展方法有两种方式,一种是jQuery本身的扩展方法,另一种是jQuery所选对象的扩展方法,下面一起来看。
一、方式列表: 
  1.jQuery.extend(Object);   // jQuery 本身的扩展方法 
  2.jQuery.fn.extent(Object);  // 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!"); 

你可能感兴趣的:(网页,jquery,扩展)