jquery插件开发注意事项小结


Posted in Javascript onJune 04, 2013

Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。jquery插件开发时要注意以下事项。

jquery插件开发注意事项小结

开发插件的注意事项:

1、在编写对象级别的插件时,使用jQuery.fn.extend()方法进行功能扩展;而针对类级别的插件,则使用jQuery.extend方法进行扩展。

2、插件的文件命名必须严格遵循jQuery.[插件名].js的规则,以便于与其他的js文件的区分,如新插件文件jquery.newplugin.js.

3、如果是对象级别插件,所有的方法都应依附于jquery.fn主体对象;如果是类级别插件,所有的方法都应依附于jquery对象.

4、无论是对象级别还是类级别插件,结尾都必须以分号结束,否则,在文件被压缩时,会出现错误提示信息.

5、虽然"$"美元符,可以与"jQuery"字符相代替,但在编写插件的代码中,尽量不要使用"$"符号,以避免与别的代码冲突.

6、在插件内部的代码中,如果要访问每个元素,可以使用this.each方法来遍历全部元素.

7、需要说明的是在插件的内部,this所代表的是通过jQuery选择器所获取的对象,而非传统意义上的对象的引用.

8、由于jQuery代码在调用方法时,可以采用链写的方法同时调用多个方法,因此,为了保证这个功能的实现,插件本身必须返回一个jQuery对象.

很多插件开发人员都开发了很多不错的jQuery插件,但是对我们这些插件的使用者来说,很多jQuery插件的使用都不是那么直接和透明。而且对于插件开发来说,如果你有一个非常好的架构,将会给你的开发带来极大的益处。所以在正式开发前,注意以上jquery插件开发注意事项还是非常有必要的。

Javascript 相关文章推荐
修改发贴的编辑功能
Mar 07 Javascript
JavaScript OOP类与继承
Nov 15 Javascript
js里的prototype使用示例
Nov 19 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
Apr 03 Javascript
easyui-combobox 实现简单的自动补全功能示例
Nov 08 Javascript
vue-resource 拦截器使用详解
Feb 21 Javascript
关于javascript获取内联样式与嵌入式样式的实例
Jun 01 Javascript
prototype.js简单实现ajax功能示例
Oct 18 Javascript
Vue 路由 过渡动效 数据获取方法
Jul 31 Javascript
JS浮点数运算结果不精确的Bug解决
Aug 01 Javascript
原生JS实现汇率转换功能代码实例
May 13 Javascript
antd design table更改某行数据的样式操作
Oct 31 Javascript
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
Jun 04 #Javascript
js调用AJAX时Get和post的乱码解决方法
Jun 04 #Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
Jun 04 #Javascript
左侧是表头的JS表格控件(自写,网上没有的)
Jun 04 #Javascript
js判断undefined变量类型使用typeof
Jun 03 #Javascript
如何使用jQUery获取选中radio对应的值(一句代码)
Jun 03 #Javascript
js+css实现增加表单可用性之提示文字
Jun 03 #Javascript
You might like
一个捕获函数输出的函数
2007/02/14 PHP
PHP内核探索:变量概述
2014/01/30 PHP
php插入排序法实现数组排序实例
2015/02/16 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
PHP的cookie与session原理及用法详解
2019/09/27 PHP
Laravel如何实现自动加载类
2019/10/14 PHP
javascript 自动转到命名锚记
2009/01/10 Javascript
用apply让javascript函数仅执行一次的代码
2010/06/27 Javascript
使用js简单实现了tree树菜单
2013/11/20 Javascript
点击button获取text内容并改变样式的js实现
2014/09/09 Javascript
jQuery实现获取table表格第一列值的方法
2016/03/01 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
2016/11/01 Javascript
jQuery Ajax请求后台数据并在前台接收
2016/12/10 Javascript
微信小程序 弹框和模态框实现代码
2017/03/10 Javascript
使用D3.js创建物流地图的示例代码
2018/01/27 Javascript
Vue单页面应用保证F5强刷不清空数据的解决方案
2018/01/31 Javascript
详解.vue文件解析的实现
2018/06/11 Javascript
vue-cli 3.x 修改dist路径的方法
2018/09/19 Javascript
小程序点击图片实现自动播放视频
2020/05/29 Javascript
微信小程序 网络通信实现详解
2019/07/23 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
2019/09/12 Javascript
微信小程序单选框自定义赋值
2020/05/26 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
2021/02/25 Javascript
python实现的用于搜索文件并进行内容替换的类实例
2015/06/28 Python
Python中使用装饰器来优化尾递归的示例
2016/06/18 Python
Android 兼容性问题:java.lang.UnsupportedOperationException解决办法
2017/03/19 Python
Pycharm配置远程调试的方法步骤
2018/12/17 Python
使用Python实现跳帧截取视频帧
2019/05/31 Python
Python SSL证书验证问题解决方案
2020/01/13 Python
tensorflow 动态获取 BatchSzie 的大小实例
2020/06/30 Python
选购世界上最好的美妆品:Cult Beauty
2017/11/03 全球购物
收款委托书
2014/10/14 职场文书
2014年房地产个人工作总结
2014/12/20 职场文书
英文辞职信范文
2015/05/13 职场文书
公司年会主持词范文!
2019/05/07 职场文书
CSS 伪元素::marker详解
2021/06/26 HTML / CSS