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序列化方法,较为详细的分析了jQuery实现序列化涉及的相关技巧,需要的朋友可以参考下2015-06-06
这篇文章主要为大家详细介绍了jQuery实现移动端笔触canvas电子签名，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
本篇文章主要是对jquery实现点击弹出层效果的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
解决jQuery ajax动态新增节点无法触发点击事件的问题
在写ajax加载数据的时候发现，后面添加进来的demo节点元素，失去了之前的点击事件，如何解决此问题呢？下面小编给大家带来了jQuery ajax动态新增节点无法触发点击事件的解决方法，一起看看吧2017-05-05
这篇文章主要介绍了三分钟带你玩转jQuery.noConflict() 的相关资料,需要的朋友可以参考下2016-02-02
jQuery使用有一段时间了，但是有一些API的实现实在想不通。小编参考相关资料源码，现在把我的学习过程和收获分享给大家2016-05-05
这篇文章的内容是表单验证插件Validation应用的实例讲解，需要的朋友可以参考下2015-10-10
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
这篇文章主要帮助大家轻松学习jQuery插件EasyUI，重点是EasyUI创建菜单与按钮，按钮分为链接按钮、菜单按钮、分割按钮，对这方面感兴趣的小伙伴们可以参考一下2015-11-11
本篇文章主要介绍了jQuery实现扑克正反面翻牌效果的实例。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
本文带你了解了一遍 jQuery 3 将会带来的一些重大变化。或许你已经注意到了，这个版本是可能对你现有的项目产生太大的影响，因为没有引入太多许多重大更改。2016-06-06
最新评论