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中Object和Function的关系小结
Sep 26 Javascript
js加密解密字符串可自定义密码因子
May 13 Javascript
js动态切换图片的方法
Jan 20 Javascript
js实现精美的图片跟随鼠标效果实例
May 16 Javascript
javascript实现继承的简单实例
Jul 26 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
Aug 24 Javascript
JS常见算法详解
Feb 28 Javascript
JS实现微信摇一摇原理解析
Jul 22 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
Nov 03 Javascript
jquery动态添加以及遍历option并获取特定样式名称的option方法
Jan 29 jQuery
js判断输入框不能为空格或null值的实现方法
Mar 02 Javascript
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
Jan 24 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 异常处理实现代码
2009/03/10 PHP
使用php+apc实现上传进度条且在IE7下不显示的问题解决方法
2013/04/25 PHP
解析PHP中的unset究竟会不会释放内存
2013/07/18 PHP
护卫神php套件 php版本升级方法(php5.5.24)
2015/05/10 PHP
必须收藏的23个php实用代码片段
2016/02/02 PHP
微信公众号模板消息群发php代码示例
2016/12/29 PHP
php实现不通过扩展名准确判断文件类型的方法【finfo_file方法与二进制流】
2017/04/18 PHP
php反射学习之不用new方法实例化类操作示例
2019/06/14 PHP
InnerHtml和InnerText的区别分析
2009/03/13 Javascript
Javascript必知必会(四)js类型转换
2016/06/08 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
基于JS对象创建常用方式及原理分析
2017/06/28 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
2017/08/19 jQuery
基于react后端渲染模板引擎noox发布使用
2018/01/11 Javascript
JS使用Date对象实时显示当前系统时间简单示例
2018/08/23 Javascript
基于vue循环列表时点击跳转页面的方法
2018/08/31 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
2019/07/31 Javascript
解决vant的Toast组件时提示not defined的问题
2020/11/11 Javascript
python中二维阵列的变换实例
2014/10/09 Python
python文件操作整理汇总
2014/10/21 Python
在Python的struct模块中进行数据格式转换的方法
2015/06/17 Python
深入剖析Python的爬虫框架Scrapy的结构与运作流程
2016/01/20 Python
Linux 发邮件磁盘空间监控(python)
2016/04/23 Python
python实现多层感知器
2019/01/18 Python
seek引发的python文件读写的问题及解决
2019/07/26 Python
python实现两个字典合并,两个list合并
2019/12/02 Python
pandas 强制类型转换 df.astype实例
2020/04/09 Python
浅谈tensorflow 中的图片读取和裁剪方式
2020/06/30 Python
简单说下OSPF的操作过程
2014/08/13 面试题
法人代表证明书格式
2014/10/01 职场文书
2014年人大工作总结
2014/12/10 职场文书
2014年环境整治工作总结
2014/12/10 职场文书
新郎答谢词
2015/01/04 职场文书
安全员岗位职责范本
2015/04/11 职场文书
2015年煤矿安全工作总结
2015/05/23 职场文书
Python sklearn分类决策树方法详解
2022/09/23 Python