cheeruplc 发表于 2013-1-29 13:34:06

jquery自定义拓展方法

本文转自:http://www.th7.cn/web/ajax/2011/10/28/3821.shtml 写得很精简
一、方式列表:
  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!");
页: [1]
查看完整版本: jquery自定义拓展方法