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 each()小议
Mar 18 Javascript
为jQuery.Treeview添加右键菜单的实现代码
Oct 22 Javascript
checkbox全选所涉及到的知识点介绍
Dec 31 Javascript
jQuery实现流动虚线框的方法
Jan 29 Javascript
js事件处理程序跨浏览器解决方案
Mar 27 Javascript
利用bootstrapValidator验证UEditor
Sep 14 Javascript
详解为Angular.js内置$http服务添加拦截器的方法
Dec 20 Javascript
axios基本入门用法教程
Mar 25 Javascript
微信网页登录逻辑与实现方法
Apr 29 Javascript
ES6 class的应用实例分析
Jun 27 Javascript
vue 路由子组件created和mounted不起作用的解决方法
Nov 05 Javascript
js实现浏览器打印功能的示例代码
Jul 15 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
PHP静态类
2006/11/25 PHP
PHP file_get_contents 函数超时的几种解决方法
2009/07/30 PHP
php自动注册登录验证机制实现代码
2011/12/20 PHP
CI框架(CodeIgniter)操作redis的方法详解
2018/01/25 PHP
php弹出提示框的是实例写法
2019/09/26 PHP
Laravel5.1 框架Middleware中间件基本用法实例分析
2020/01/04 PHP
php变量与字符串的增删改查操作示例
2020/05/07 PHP
js判断上传文件类型判断FileUpload文件类型代码
2014/05/20 Javascript
javascript弹出页面回传值的方法
2015/01/28 Javascript
javascript中的五种基本数据类型
2015/08/26 Javascript
easyui validatebox验证
2016/04/29 Javascript
javascript实现下雨效果
2017/03/27 Javascript
js使用generator函数同步执行ajax任务
2017/09/05 Javascript
JavaScript正则表达式和级联效果
2017/09/14 Javascript
详解vue-cli官方脚手架配置
2018/07/20 Javascript
javascript canvas检测小球碰撞
2020/04/17 Javascript
python的几种开发工具介绍
2007/03/07 Python
linux 下实现python多版本安装实践
2014/11/18 Python
详解利用python+opencv识别图片中的圆形(霍夫变换)
2019/07/01 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
python-序列解包(对可迭代元素的快速取值方法)
2019/08/24 Python
Python 3.9的到来到底是意味着什么
2020/10/14 Python
一款简洁的纯css3代码实现的动画导航
2014/10/31 HTML / CSS
中国跨镜手机配件批发在线商店:TVC-Mall
2019/08/20 全球购物
世界上最伟大的马产品:Equiderma
2020/01/07 全球购物
会计专业个人求职信范文
2014/01/08 职场文书
荷叶圆圆教学反思
2014/02/01 职场文书
党员承诺践诺书
2014/05/20 职场文书
低碳生活的宣传标语
2014/06/23 职场文书
文员转正自我鉴定怎么写
2014/09/29 职场文书
幼儿园六一主持词开场白
2015/05/28 职场文书
小兵张嘎电影观后感
2015/06/03 职场文书
毕业典礼主持词
2015/06/29 职场文书
七一慰问简报
2015/07/20 职场文书
写给汽车4S店的创业计划书,拿来即用!
2019/08/09 职场文书
据Python爬虫不靠谱预测可知今年双十一销售额将超过6000亿元
2021/11/11 Python