您的位置:首页 > Web前端 > JQuery

jquery的扩展方法介绍

2011-09-08 18:32 239 查看
    最近一直在写js,这其中也少不了一位js的主角了jQuery,下面介绍的是jQuery的一些扩展,也就是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!");

【Stone 制作整理,引用请写明出处谢谢合作,联系QQ:1370569】
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: