编写JQuery插件
2015-07-27 15:13
567 查看
编写插件的目的是给已经有的一系列方法或函数做一个封装,以便在其他地方重复使用,方便后期维护和提高开发效率。
JQuery插件主要类型:
1.封装对象方法的插件 这种插件是将对象方法封装起来,用于对通过选择器获取jquery对象进行操作,是最常见的一种插件。
2.封装全局函数的插件 可以将独立的函数加到jquery命名空间下,例如jquery.AJAX()。
3.选择器插件 个别情况下会使用到选择器插件。
JQuery插件的特点:
1.命名推荐jquery.[插件名].js;
2.所有对象方法都应当附加到jquery.fn对象上,所有全局函数附加到jquery本身;
3.插件内部this指向通过选择器获取的jquery对象,而不是像一般方法那样click(),内部this指向的dom元素;
4.可以通过this.each()遍历所有元素;
5.插件以分号结尾,保障压缩的时候不会出现问题,稳妥期间可以在头部加一个分号;
6.插件应该返回一个jquery对象,以保障插件的可链式操作。除非插件需要返回的是一些需要获取的量,例如字符串或者数组等;
7.避免在插件内部使用$作为jquery的别名,使用完整的jquery来表示,可以利用闭包解决这种问题;
插件中的闭包:
;(function($){
/*这里放置代码*/
var foo;
var bar=function(){
};
/*下面语句让匿名函数内部的函数bar()逃逸到全局可访问的范围内
这样可以在匿名函数的外部通过调用jquery.BAR来访问内部的bar();
*/
$.BAR=bar;
})(jQuery)
JQuery插件主要类型:
1.封装对象方法的插件 这种插件是将对象方法封装起来,用于对通过选择器获取jquery对象进行操作,是最常见的一种插件。
2.封装全局函数的插件 可以将独立的函数加到jquery命名空间下,例如jquery.AJAX()。
3.选择器插件 个别情况下会使用到选择器插件。
JQuery插件的特点:
1.命名推荐jquery.[插件名].js;
2.所有对象方法都应当附加到jquery.fn对象上,所有全局函数附加到jquery本身;
3.插件内部this指向通过选择器获取的jquery对象,而不是像一般方法那样click(),内部this指向的dom元素;
4.可以通过this.each()遍历所有元素;
5.插件以分号结尾,保障压缩的时候不会出现问题,稳妥期间可以在头部加一个分号;
6.插件应该返回一个jquery对象,以保障插件的可链式操作。除非插件需要返回的是一些需要获取的量,例如字符串或者数组等;
7.避免在插件内部使用$作为jquery的别名,使用完整的jquery来表示,可以利用闭包解决这种问题;
插件中的闭包:
;(function($){
/*这里放置代码*/
var foo;
var bar=function(){
};
/*下面语句让匿名函数内部的函数bar()逃逸到全局可访问的范围内
这样可以在匿名函数的外部通过调用jquery.BAR来访问内部的bar();
*/
$.BAR=bar;
})(jQuery)
相关文章推荐
- Jquery实现行内编辑
- jquery-qrcode生成二维码
- jquery的 ajax返回值为中文时乱码解决方法
- 使用Jquery--Jsp与servlet之间的数据交互
- jquery中tree节点取消选择
- jquery实现动画部分
- jquery 判断单/复选框是否被选中
- ExtJs和JQuery应用的比较
- jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
- jQuery实现图片与文字描述左右滑动自动切换的方法
- jquery 事件冒泡的介绍以及如何阻止事件冒泡
- JQUERY 一些技巧在实际中的应用
- jQuery中attr()的使用
- Jquery中dialog属性小记
- jQuery选择器和JS选择器
- jquery 深入学习笔记之一 (事件绑定)
- jQuery 标签相关
- 推荐 15 个 jQuery 选择框插件
- 2015年Jquery_Mobile精品教程
- PHPChina学院jQuery Mobile与Phone