首页 > Web开发 > 详细

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

时间:2015-02-26 18:05:23      阅读:548      评论:0      收藏:0      [点我收藏+]

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({"sayHello":function(v){
alert("Hello,My Name Is "+v);
}});

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

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

原文:http://www.cnblogs.com/lxf1117/p/4301559.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!