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 相关文章推荐
菜鸟学习JavaScript小实验之函数引用
Nov 17 Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
Jun 27 Javascript
jquery $(document).ready()和window.onload的区别浅析
Feb 04 Javascript
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
Mar 25 Javascript
理解Javascript的动态语言特性
Jun 17 Javascript
JavaScript中利用各种循环进行遍历的方式总结
Nov 10 Javascript
JS 获取HTML标签内的子节点的方法
Sep 21 Javascript
js中document.referrer实现移动端返回上一页
Feb 22 Javascript
微信小程序 支付功能(前端)的实现
May 24 Javascript
Vue插值、表达式、分隔符、指令知识小结
Oct 12 Javascript
React中阻止事件冒泡的问题详析
Apr 12 Javascript
jQuery实现全选按钮
Jan 01 jQuery
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之数据库操作详解及乱码解决!
2007/01/02 PHP
PHP文件上传原理简单分析
2011/05/29 PHP
PHP性能优化准备篇图解PEAR安装
2011/12/05 PHP
修改php.ini不生效问题解决方法(上传大于8M的文件)
2013/06/14 PHP
php使用mkdir创建多级目录入门例子
2014/05/10 PHP
PHP获取文件的MD5值并判断是否被修改的例子
2014/06/19 PHP
ThinkPHP文件上传实例教程
2014/08/22 PHP
Json_encode防止汉字转义成unicode的方法
2016/02/25 PHP
YII框架批量插入数据的方法
2017/03/18 PHP
PHP实现的数据对象映射模式详解
2019/03/20 PHP
Jquery 插件开发笔记整理
2011/01/17 Javascript
js实现目录定位正文示例
2013/11/14 Javascript
jquery右下角自动弹出可关闭的广告层
2015/05/08 Javascript
jQuery如何解决IE输入框不能输入的问题
2016/10/08 Javascript
angular.js指令中transclude选项及ng-transclude指令详解
2017/05/24 Javascript
vue-resource调用promise取数据方式详解
2017/07/21 Javascript
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
2018/01/03 Javascript
使用svg实现动态时钟效果
2018/07/17 Javascript
JavaScript设计模式之模板方法模式原理与用法示例
2018/08/07 Javascript
ElementUI中el-tree节点的操作的实现
2020/02/27 Javascript
JavaScript交换变量的常用方法小结【4种方法】
2020/05/07 Javascript
在Vue中创建可重用的 Transition的方法
2020/06/02 Javascript
[02:17]2016完美“圣”典风云人物:Sccc专访
2016/12/03 DOTA
python基础教程之字典操作详解
2014/03/25 Python
python使用PythonMagick将jpg图片转换成ico图片的方法
2015/03/26 Python
Python获取当前函数名称方法实例分享
2018/01/18 Python
Django 根据数据模型models创建数据表的实例
2018/05/27 Python
实例讲解CSS3中的border-radius属性
2015/08/18 HTML / CSS
html5是什么_动力节点Java学院整理
2017/07/07 HTML / CSS
HTML5图片层叠的实现示例
2020/07/07 HTML / CSS
女性时尚网购:Chic Me
2019/07/30 全球购物
《雾凇》教学反思
2014/02/17 职场文书
2014年团委工作总结
2014/11/13 职场文书
行政复议决定书
2015/06/24 职场文书
HTML中实现音乐或视频自动播放案例详解
2022/05/30 HTML / CSS