教你写Jquery插件

时间：2015-10-22 20:57:42 阅读：148 评论：0 收藏：0 [点我收藏+]

标签：

最近很多网友说 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 : "插件原来就是这么简单!" //显示内容
});
});
<input type="button" id="test" value="这是一个简单的插件调用" />
复制代码

复制代码

看完之后我相信网友们应该懂了吧！Jquery插件原来就这么简单原文地址http://www.00h5.com/thread-2097-1-1.html

教你写Jquery插件

标签：

原文地址：http://www.cnblogs.com/00h5/p/4902610.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行