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 相关文章推荐
js冒泡、捕获事件及阻止冒泡方法详细总结
May 08 Javascript
jQuery提交多个表单的小技巧
Jul 27 Javascript
Javascript模拟加速运动与减速运动代码分享
Dec 11 Javascript
jQuery晃动层特效实现方法
Mar 09 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
jquery制作属于自己的select自定义样式
Nov 23 Javascript
javascript prototype原型详解(比较基础)
Dec 26 Javascript
基于Marquee.js插件实现的跑马灯效果示例
Jan 25 Javascript
webpack3之loader全解析
Oct 26 Javascript
JS+Canvas绘制动态时钟效果
Nov 10 Javascript
详解react、redux、react-redux之间的关系
Apr 11 Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
Sep 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
PHP新手上路(二)
2006/10/09 PHP
PHP 字符串分割和比较
2009/10/06 PHP
PHP 伪静态隐藏传递参数名的四种方法
2010/02/22 PHP
php用户登录之cookie信息安全分析
2016/05/13 PHP
php 无限分类 树形数据格式化代码
2016/10/11 PHP
用JavaScript实现仿Windows关机效果
2007/03/10 Javascript
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
2013/11/08 Javascript
基于Angular.js实现的触摸滑动动画实例代码
2017/02/19 Javascript
javascript 封装Date日期类实例详解
2017/05/28 Javascript
微信小程序搜索组件wxSearch实例详解
2017/06/08 Javascript
vue实现移动端图片裁剪上传功能
2020/08/18 Javascript
详解webpack3编译兼容IE8的正确姿势
2017/12/21 Javascript
JS中promise化微信小程序api
2018/04/12 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
2019/06/04 Javascript
微信小程序移动拖拽视图-movable-view实例详解
2019/08/17 Javascript
5分钟教你用nodeJS手写一个mock数据服务器的方法
2019/09/10 NodeJs
[03:30]完美盛典趣味短片 CSGO2019年度名场面
2019/12/07 DOTA
python解析xml模块封装代码
2014/02/07 Python
Python help()函数用法详解
2014/03/11 Python
python自动zip压缩目录的方法
2015/06/28 Python
Python实现打印实心和空心菱形
2019/11/23 Python
Flask框架搭建虚拟环境的步骤分析
2019/12/21 Python
HTML5探秘:用requestAnimationFrame优化Web动画
2018/06/03 HTML / CSS
找到不普通的东西:Bonanza
2016/10/20 全球购物
Coltorti Boutique官网:来自意大利的设计师品牌买手店
2018/11/09 全球购物
家长给小学生的评语
2014/01/30 职场文书
《梅兰芳学艺》教学反思
2014/02/24 职场文书
新闻报道策划方案
2014/06/11 职场文书
新课培训心得体会
2014/09/03 职场文书
城市规划应届生推荐信
2014/09/08 职场文书
整顿机关作风心得体会
2014/09/10 职场文书
2016年寒假社会实践活动总结
2015/10/10 职场文书
高中历史教学反思
2016/02/19 职场文书
python 使用Tensorflow训练BP神经网络实现鸢尾花分类
2021/05/12 Python
MySQL数据库压缩版本安装与配置详细教程
2021/05/21 MySQL