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 相关文章推荐
用jquery统计子菜单的条数示例代码
Oct 18 Javascript
js中document.write的那点事
Dec 12 Javascript
jQuery平滑旋转幻灯片特效代码分享
Sep 07 Javascript
jquery中的常见问题及快速解决方法小结
Jun 14 Javascript
AngularJS入门教程之迭代器过滤详解
Aug 18 Javascript
基于AGS JS开发自定义贴图图层
Mar 31 Javascript
微信小程序 setData使用方法及常用错误解决办法
May 11 Javascript
微信小程序中setInterval的使用方法
Sep 29 Javascript
vuex与组件联合使用的方法
May 10 Javascript
理顺8个版本vue的区别(小结)
Sep 17 Javascript
通过实例解析js简易模块加载器
Jun 17 Javascript
详解JS WebSocket断开原因和心跳机制
May 07 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
thinkphp制作404跳转页的简单实现方法
2016/09/22 PHP
Laravel Reponse响应客户端示例详解
2020/09/03 PHP
jQuery开发者都需要知道的5个小技巧
2010/01/08 Javascript
jQuery对表单的操作代码集合
2011/04/06 Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
2013/04/12 Javascript
解决JS中乘法的浮点错误的方法
2014/01/03 Javascript
js获取当前日期前七天的方法
2015/02/28 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
2015/08/21 Javascript
JavaScript实现算术平方根算法-代码超简单
2015/09/11 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
2016/11/16 Javascript
JS实现快递单打印功能【推荐】
2018/06/21 Javascript
vue实现Input输入框模糊查询方法
2021/01/29 Javascript
微信小程序获取当前时间及星期几的实例代码
2020/09/20 Javascript
[55:25]VGJ.T vs Optic Supermajor小组赛D组 BO3 第三场 6.3
2018/06/04 DOTA
python 递归遍历文件夹,并打印满足条件的文件路径实例
2017/08/30 Python
Python使用requests及BeautifulSoup构建爬虫实例代码
2018/01/24 Python
python实现决策树、随机森林的简单原理
2018/03/26 Python
python 同时读取多个文件的例子
2019/07/16 Python
详细整理python 字符串(str)与列表(list)以及数组(array)之间的转换方法
2019/08/30 Python
PyCharm如何导入python项目的方法
2020/02/06 Python
简单了解django处理跨域请求最佳解决方案
2020/03/25 Python
python为什么会环境变量设置不成功
2020/06/23 Python
html5通过canvas实现刮刮卡效果示例分享
2014/01/27 HTML / CSS
深入理解HTML的FormData对象
2016/05/17 HTML / CSS
Ryderwear美国官网:澳大利亚高端健身训练装备品牌
2018/04/24 全球购物
工厂门卫岗位职责
2013/11/25 职场文书
业务部门经理岗位职责
2014/02/23 职场文书
初中毕业生的自我评价
2014/03/03 职场文书
道路运输企业安全生产责任书
2014/07/28 职场文书
关于工作时间玩手机的检讨书
2014/09/18 职场文书
美术教师个人工作总结
2015/02/06 职场文书
护理专业自荐信范文
2015/03/06 职场文书
2015年监理工作总结范文
2015/04/07 职场文书
2015年秋季小学开学标语
2015/07/16 职场文书
如何撰写创业策划书
2019/06/27 职场文书
SpringBoot详解执行过程
2022/07/15 Java/Android