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复制网页内容并兼容各主流浏览器的代码
Dec 17 Javascript
将list转换为json失败的原因
Dec 17 Javascript
Document.location.href和.replace的区别示例介绍
Mar 04 Javascript
js判断滚动条是否已到页面最底部或顶部实例
Nov 20 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 Javascript
javascript:void(0)点击登录没反应怎么解决
Nov 13 Javascript
浅谈javascript 函数表达式和函数声明的区别
Jan 05 Javascript
js实现的简单图片浮动效果完整实例
May 10 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
Aug 01 Javascript
JS填写银行卡号每隔4位数字加一个空格
Dec 19 Javascript
JS回调函数基本定义与用法实例分析
May 24 Javascript
浅谈Angular4实现热加载开发旅程
Sep 08 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学习 计数器实例代码
2008/06/15 PHP
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
ThinkPHP实现简单登陆功能
2017/04/28 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
Laravel登录失败次数限制的实现方法
2020/08/26 PHP
js中prototype用法详细介绍
2013/11/14 Javascript
js css 实现遮罩层覆盖其他页面元素附图
2014/09/22 Javascript
jQuery实现仿百度帖吧头部固定导航效果
2015/08/07 Javascript
关于javascript中dataset的问题小结
2015/11/16 Javascript
把json格式的字符串转换成javascript对象或数组的方法总结
2016/11/03 Javascript
详解webpack+gulp实现自动构建部署
2017/06/29 Javascript
webpack搭建vue 项目的步骤
2017/12/27 Javascript
vue input实现点击按钮文字增删功能示例
2019/01/29 Javascript
vue中如何添加百度统计代码
2020/12/19 Vue.js
[00:43]2016完美“圣”典风云人物:单车宣传片
2016/12/02 DOTA
Python translator使用实例
2008/09/06 Python
Python中的条件判断语句基础学习教程
2016/02/07 Python
Python手机号码归属地查询代码
2016/05/04 Python
利用Python获取操作系统信息实例
2016/09/02 Python
python django事务transaction源码分析详解
2017/03/17 Python
python中模块查找的原理与方法详解
2017/08/11 Python
Python 实现数据结构中的的栈队列
2019/05/16 Python
利用Python库Scapy解析pcap文件的方法
2019/07/23 Python
python标准库sys和OS的函数使用方法与实例详解
2020/02/12 Python
基于Python的Jenkins的二次开发操作
2020/05/12 Python
python给list排序的简单方法
2020/12/10 Python
印尼穆斯林时尚购物网站:Hijabenka
2016/12/10 全球购物
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
Farah官方网站:男士服装及配件
2019/11/01 全球购物
几个Shell Script面试题
2014/04/18 面试题
服装促销活动方案
2014/02/23 职场文书
什么是就业协议书
2014/04/17 职场文书
竞选纪律委员演讲稿
2014/09/13 职场文书
2019教师的学习计划
2019/06/25 职场文书
python在package下继续嵌套一个package
2022/04/14 Python
IDEA中sout快捷键无效问题的解决方法
2022/07/23 Java/Android