文章中代码来源于百度经验http://jingyan.baidu.com/article/e75aca85550216142edac63b.html和Software Craft http://www.cnblogs.com/jonyzhu/p/3732468.html
Jquery创建插件使用的主要方法为:
最近看了JQuery源码,对其又有了新的理解
一、$.extend 用来拓展类级别的jquery方法
比如$.extend(add:function(a,b) return(a+b)) $.add(1,2);
二、$.fn.extend 用来拓展对象的方法
fn即prototype,这种方式表示实例化jQuery拓展方法
比如$.fn.extend(changeColor:function(color) returnthis.css({"background": color }
)) $("#table").changeColor("#FFF");
三、开发一个插件的步骤:
这个方法中采用了闭包的形式,function中传入一个形参$,最后传入jquery实参
(function($){
var defaults = { //设置默认值
name:"插件",
version:"1.0"
}
var showName = function(obj){ //闭包里的方法,不能被外界调用
&(obj).append(function(){
return "name";
});
}
$.fn.extend.myTable(fuction(options){
var options = $.extend(defaults, options); //将默认值与传入的参数进行合并
return this.each(function(){ //循环调用每个函数
showName(this);
});
});
})(jQuery)
调用方法:
<div id="divShowName"><diiv>
js:
$("divShowName").myTable();
返回“插件”