jquery如何自定义插件(扩展实例/静态方法)
2015-02-26 16:28
706 查看
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
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
相关文章推荐
- JQuery扩展插件Validate 5添加自定义验证方法
- jQuery扩展实例方法和静态方法
- JQuery扩展插件Validate 5添加自定义验证方法
- JQuery扩展插件Validate—5添加自定义验证方法
- Js类的静态方法与实例方法区分以及jQuery如何拓展两种方法
- JQuery扩展插件Validate—5添加自定义验证方法
- Sql2012如何将远程服务器数据库及表、表结构、表数据导入本地数据库 自定义日志记录功能,按日记录,很方便 C#常量和字段以及各种方法的语法总结 类型,对象,线程栈,托管堆在运行时的关系,以及clr如何调用静态方法,实例方法,和虚方法 asp.net webapi 自定义身份验证
- 浅谈javascript对象、如何实现继承、jQuery方法的扩展(jquery插件)
- JQuery扩展插件Validate 5添加自定义验证方法
- jQuery 插件/如何为jquery扩展方法/jQueryUI
- jQuery创建自己的插件(自定义插件)的方法
- jQuery创建自己的插件(自定义插件)的方法
- 如何:实现和调用自定义扩展方法(C# 编程指南)
- 自定义jQuery选项卡插件实例
- jquery扩展插件的方法
- 如何:实现和调用自定义扩展方法
- 给jquery的validate插件增加自定义方法
- jquery.autocomplete.js扩展自定义查询方法
- jquery 之 自定义扩展插件: jquery.fn.extend与jquery.extend
- 如何在jQuery钟添加自定义方法