jquery如何自定义插件（扩展实例/静态方法）

1、jquery插件的种类：
1）、封装对象方法的插件（相当于实例方法） （使用 $.fn.extend({"方法名":function(参数){//方法体} }) ）
2）、封装全局函数的插件（相当于$的静态方法）
3）、选择器插件

2、注意点
1）、插件文件命名规范：jquery.[插件名].js
2）、对象方法附加到 jQuery.fn对象上 静态方法附加到jQuery对象本身上
3）、在插件内部，this指向的是选择器获取的jQuery对象，而不是Dom对象
4）、可通过 this.each()来遍历所有元素
5）、插件应当返回一个jQuery对象 保证链式编程 除非插件需要返回一些特定值

 

//自定义实例插件
$.fn.extend({

"color":function(value){
if (value==undefined) { return this.css("color");}
else
{
return this.css("color",value);
}
}
});

或者用  $.extend($.fn,{函数名：function(){}})

 

 

 

//自定义全局方法插件
$.extend({"sayHello":function(v){
alert("Hello,My Name Is "+v);
}});

// $.extend的另一常用用法 就是将其他对象合并到目标对象上 第一个参数true表示深入拷贝
$.extend(true, target object, object1);

$.extend(boolean,dest,src1,src2,src3...)

 

可参考：http://www.cnblogs.com/RascallySnake/archive/2010/05/07/1729563.html

转载于:https://www.cnblogs.com/lxf1117/p/4301559.html