Jquery 的扩展方法总结

209 阅读 0 评论 138 点赞

我是靠谱客的博主完美咖啡，最近开发中收集的这篇文章主要介绍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 制作整理】

以上就是完美咖啡为你收集整理的Jquery 的扩展方法总结的全部内容，希望文章能够帮你解决Jquery 的扩展方法总结所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。