本文转自:[url]http://www.th7.cn/web/ajax/2011/10/28/3821.shtml[/url] 写得很精简
一、方式列表:
1.jQuery.extend(Object); // jQuery 本身的扩展方法
2.jQuery.fn.extent(Object); // jQuery 所选对象扩展方法
二、调用示例:
1.jQuery 本身的扩展方法实例如下:
代码如下:
页面调用:
其中Meg和MegToo为我的jQuery自定义扩展方法,多个扩展方法之间用英文逗号隔开。
2.jQuery 所选对象扩展方法有两种书写方式。
a)jQuery 所选对象扩展方法实例一如下:
代码如下:
页面调用:
其中ShowHtml为我的jQuery所选对象的扩展方法,多个扩展方法之间用英文逗号隔开。
b)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.extend和jQuery.fn.extend来扩展jQuery的功能,包括自定义全局方法和所选对象的方法,并提供具体示例。
2181

被折叠的 条评论
为什么被折叠?



