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 相关文章推荐
jQuery UI Datepicker length为空或不是对象错误的解决方法
Dec 19 Javascript
解析javascript 浏览器关闭事件
Jul 08 Javascript
js动态修改input输入框的type属性(实现方法解析)
Nov 13 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 Javascript
详解js的六大数据类型
Dec 27 Javascript
兼容浏览器的js事件绑定函数(详解)
May 09 Javascript
Angular.js组件之input mask对input输入进行格式化详解
Jul 10 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
Oct 16 Javascript
vue-cli webpack 引入jquery的方法
Jan 10 jQuery
layui关闭弹窗后刷新主页面和当前更改项的例子
Sep 06 Javascript
layui 上传文件_批量导入数据UI的方法
Sep 23 Javascript
json解析大全 双引号、键值对不在一起的情况
Dec 06 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
解决dede生成静态页和动态页转换的一些问题,及火车采集入库生成动态的办法
2007/03/29 PHP
php获取从百度搜索进入网站的关键词的详细代码
2014/01/08 PHP
php实现高效获取图片尺寸的方法
2014/12/12 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
2009/10/24 Javascript
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
2009/10/25 Javascript
jsTree 基于JQuery的排序节点 Bug
2011/07/26 Javascript
浅谈javascript 函数属性和方法
2015/01/21 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
2015/12/13 Javascript
Seajs是什么及sea.js 由来,特点以及优势
2016/10/13 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
2017/01/11 Javascript
详解jQuery事件
2017/01/13 Javascript
JS匿名函数和匿名自执行函数概念与用法分析
2018/03/16 Javascript
微信小程序实现蓝牙打印
2019/09/23 Javascript
微信小程序实现抖音播放效果的实例代码
2020/04/11 Javascript
Python获取远程文件大小的函数代码分享
2014/05/13 Python
python绘图方法实例入门
2015/05/19 Python
Python简单检测文本类型的2种方法【基于文件头及cchardet库】
2016/09/18 Python
简述:我为什么选择Python而不是Matlab和R语言
2017/11/14 Python
基于Python中求和函数sum的用法详解
2018/06/28 Python
python处理“
2019/06/10 Python
Python中请不要再用re.compile了
2019/06/30 Python
python+rsync精确同步指定格式文件
2019/08/29 Python
python根据时间获取周数代码实例
2019/09/30 Python
详解如何用python实现一个简单下载器的服务端和客户端
2019/10/28 Python
Python 寻找局部最高点的实现
2019/12/05 Python
纯CSS3制作漂亮带动画效果的主机价格表
2015/04/25 HTML / CSS
纯css3制作煽动翅膀的蝴蝶的示例
2018/04/23 HTML / CSS
STAY JAPAN台湾:预订日本民宿
2018/07/22 全球购物
大学秋游活动方案
2014/02/11 职场文书
公开服务承诺制度
2014/03/26 职场文书
应届生自荐信
2014/06/30 职场文书
2014国庆节演讲稿:祖国在我心中(400字)
2014/09/25 职场文书
同乡会致辞
2015/07/30 职场文书
Python 多线程处理任务实例
2021/11/07 Python
Python中requests库的用法详解
2022/06/05 Python