10分钟学会写Jquery插件实例教程
更新时间：2014年09月06日 15:47:47 投稿：shichen2014
这篇文章主要介绍了10分钟学会写Jquery插件,通过一个实例分两步完成一个简单的插件,非常实用,需要的朋友可以参考下
有很多朋友都用过jquery插件，但是很少有人自己动手写过jQuery插件，本文就以实例形式简单叙述了jQuery插件的实现方法。分享给大家供大家参考之用。具体方法如下：
具体而言，其实就是把一些常用、实用、通用的功能封装起来而以，简单的来讲就是把这些代码放在一个方法里面，可以达到重复使用的效果，这样就可以不需要每次要用此功能的时候都去重新写一遍。
现在Jquery里面加入了插件的概念，只要按照它特定的格式当作平时写function一样去写就可以了，不虽然搞得太复杂的。信不信由你们，反正我信了。
接下来用简单的代码来讲解一下，如果大家看了还不会写插件的话，我只能表示无语了
具体步骤如下：
第一步：定义插件
$(function() {
$.fn.插件名称 = function(options) {
var defaults = {
Event : "click", //触发响应事件
msg : "Holle word!" //显示内容
};
var options = $.extend(defaults,options);
var $this = $(this); //当然响应事件对象
//功能代码部分
//绑定事件
$this.live(options.Event,function(e){
alert(options.msg);
});
}
});
第二步：调用插件
$(function() {
//绑定元素事件
$("#test").插件名称({
Event : "click", //触发响应事件
msg : "插件原来就是这么简单!" //显示内容
});
});
至此，最简单的插件搞定！10分钟不到！相信大家应该都看懂了吧！jQuery插件原来就这么简单。
相关文章
本文给大家分享的是利用jQuery插件，通过读取JSON数据，实现无刷新动态下拉省市二（三）级联动效果，十分的简单实用，效果也非常棒，有需要的小伙伴可以参考下。2015-06-06
这篇文章主要介绍了jQuery插件开发中的extend方法，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了jQuery插件zTree实现删除树子节点的方法,结合实例形式分析了jQuery树形插件zTree针对节点的遍历与删除操作相关技巧,需要的朋友可以参考下2017-03-03
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
本篇文章主要是对jQuery(function(){})与(function(){})(jQuery)之间的区别进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要介绍了JQuery如何以JSON方式提交数据到服务端,需要的朋友可以参考下2014-05-05
这个郁闷了，今天写这个功能的时候发现了问题，上网找了好多资料对照，更加纠结2011-11-11
jQuery resize event监听DOM元素大小变化 ,即可以绑定window以外的元素大小的变化，支持回调函数！2016-02-02
这篇文章主要介绍了jQuery实现的无缝广告图片左右滚动功能,结合实例形式详细分析了jQuery无缝滚动图片的实现原理、步骤与具体操作技巧,需要的朋友可以参考下2016-12-12
这篇文章主要给大家介绍了如何利用jquery实现实时更新歌词的方法,文中给出了详细的实现思路和示例代码，对大家的参考借鉴具有一定的价值，有需要的朋友下面来跟着小编一起学习学习吧。2017-01-01
这篇文章主要为大家详细介绍了jQuery图片加载显示loading效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
最新评论