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 相关文章推荐
document.compatMode介绍
May 21 Javascript
jquery $.getJSON()跨域请求
Dec 21 Javascript
JQuery调用WebServices的方法和4个实例
May 06 Javascript
JS模拟的Map类实现方法
Jun 17 Javascript
深入理解requestAnimationFrame的动画循环
Sep 20 Javascript
关于foreach循环中遇到的问题小结
May 08 Javascript
基于JavaScript实现简单的音频播放功能
Jan 07 Javascript
javascript将非数值转换为数值
Sep 13 Javascript
webpack4.0 入门实践教程
Oct 08 Javascript
js中对象与对象创建方法的各种方法
Feb 27 Javascript
Vue监听滚动实现锚点定位(双向)示例
Nov 13 Javascript
JS sort方法基于数组对象属性值排序
Jul 10 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/11/26 PHP
PHP读取XML格式文件的方法总结
2017/02/27 PHP
JavaScript 三种不同位置代码的写法
2009/10/25 Javascript
用Javascript实现Sleep暂停功能代码
2010/09/03 Javascript
jQuery 名称冲突的解决方法
2011/04/08 Javascript
jQuery学习笔记 更改jQuery对象
2012/09/19 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
2013/03/25 Javascript
js与css实现弹出层覆盖整个页面的方法
2014/12/13 Javascript
js实现无限级树形导航列表效果代码
2015/09/23 Javascript
Bootstrap教程JS插件弹出框学习笔记分享
2016/05/17 Javascript
AngularJs Injecting Services Into Controllers详解
2016/09/02 Javascript
原生js和css实现图片轮播效果
2017/02/07 Javascript
Bootstrap表格使用方法详解
2017/02/17 Javascript
在Vuex使用dispatch和commit来调用mutations的区别详解
2018/09/18 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
2018/10/24 Javascript
vue实现滑动到底部加载更多效果
2020/10/27 Javascript
Python操作列表的常用方法分享
2014/02/13 Python
python获取本机外网ip的方法
2015/04/15 Python
Python中.join()和os.path.join()两个函数的用法详解
2018/06/11 Python
python实现飞机大战微信小游戏
2020/03/21 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
使用python从三个角度解决josephus问题的方法
2020/03/27 Python
python绘图模块之利用turtle画图
2021/02/12 Python
pytorch 实现L2和L1正则化regularization的操作
2021/03/03 Python
用css3写出气球样式的示例代码
2017/09/11 HTML / CSS
什么是java序列化,如何实现java序列化
2012/11/14 面试题
构造方法和其他方法的区别?怎么调用父类的构造方法
2013/09/22 面试题
用Java语言将一个键盘输入的数字转化成中文输出
2013/01/25 面试题
信息管理专业学生自荐信格式
2013/09/22 职场文书
室内设计自我鉴定
2013/10/15 职场文书
中学生团员自我评价分享
2013/12/07 职场文书
幼儿园大班毕业教师寄语
2014/04/03 职场文书
大学生个人求职信
2014/06/02 职场文书
2014年关工委工作总结
2014/11/17 职场文书
2015元旦文艺汇演主持稿(开场白+结束语)
2014/12/14 职场文书
2019年大学毕业生个人自我鉴定范文大全
2019/03/21 职场文书