Jquery 的扩展方法总结

时间:2020-05-13 人气:0

一、方式列表：
　　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 制作整理】

加载全部内容