Jquery 的扩展方法总结
发布时间:2013-06-15 编辑:jiaochengji.com
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 制作整理】
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 制作整理】
您可能感兴趣的文章:
Jquery 的扩展方法总结
读jQuery之二(两种扩展)
jquery $.fn $.fx是什么意思有什么用
jQuery的$.fn使用
jQuery实用技巧第1/2页
通过jQuery源码学习javascript(二)
jQuery 扩展对input的一些操作方法
jquery easyui表单重置扩展思路
php 取得文件后缀(扩展名)的方法
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
[关闭]