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实现等比例缩放图片效果插件
Jul 24 Javascript
jQuery.validate 常用方法及需要注意的问题
Mar 20 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
Jan 06 Javascript
javascript中解析四则运算表达式的算法和示例
Aug 11 Javascript
多个checkbox被选中时如何判断是否有自己想要的
Sep 22 Javascript
webapp框架AngularUI的demo改造之路
Dec 21 Javascript
javascript实现动态改变层大小的方法
May 14 Javascript
javascript检测两个数组是否相似
May 19 Javascript
JavaScript生成简单等差数列
Nov 28 Javascript
javascript实现视频弹幕效果(两个版本)
Nov 28 Javascript
js实现中文实时时钟
Jan 15 Javascript
基于JS实现快速读取TXT文件
Aug 25 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
经典的PHPer为什么被认为是草根?
2007/04/02 PHP
PHP获取本周第一天和最后一天示例代码
2014/02/24 PHP
解决Codeigniter不能上传rar和zip压缩包问题
2014/03/07 PHP
yii2利用自带UploadedFile实现上传图片的示例
2017/02/16 PHP
javascript 对象定义方法 简单易学
2009/03/22 Javascript
DOM下的节点属性和操作小结
2009/05/14 Javascript
javascript AutoScroller 函数类
2009/05/29 Javascript
jquery.cookie用法详细解析
2013/12/18 Javascript
jquery控制display属性为none或block
2014/03/31 Javascript
js 实现数值的千分位及保存小数方法(推荐)
2016/08/01 Javascript
JavaScript中三种常见的排序方法
2017/02/24 Javascript
angular实现图片懒加载实例代码
2017/06/08 Javascript
JS判断数组那点事
2017/10/10 Javascript
JavaScript实现计算圆周率到小数点后100位的方法示例
2018/05/08 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
2019/04/26 Javascript
vue组件间的参数传递实例详解
2019/04/26 Javascript
微信小程序实现滑动翻页效果(完整代码)
2019/12/06 Javascript
JS中的模糊查询功能
2019/12/08 Javascript
vue实现移动端图片上传功能
2019/12/23 Javascript
前端vue如何使用高德地图
2020/11/05 Javascript
[01:34]DOTA2 7.22版本新增神杖效果一览(敏捷英雄篇)
2019/05/28 DOTA
Python科学计算之Pandas详解
2017/01/15 Python
Python实现多线程HTTP下载器示例
2017/02/11 Python
解决nohup重定向python输出到文件不成功的问题
2018/05/11 Python
在Python 中实现图片加框和加字的方法
2019/01/26 Python
Python和Java的语法对比分析语法简洁上python的确完美胜出
2019/05/10 Python
Django和Flask框架优缺点对比
2019/10/24 Python
opencv resize图片为正方形尺寸的实现方法
2019/12/26 Python
python如何修改文件时间属性
2021/02/05 Python
CSS3制作气泡对话框的实例教程
2016/05/10 HTML / CSS
基督教卡片、励志礼品、家居装饰等:DaySpring
2018/10/12 全球购物
印尼购物网站:iLOTTE
2019/10/16 全球购物
大学生职业生涯规划书汇总
2014/03/20 职场文书
小学教师师德整改措施
2014/09/29 职场文书
春节晚会开场白
2015/05/29 职场文书
python基于tkinter实现gif录屏功能
2021/05/19 Python