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 相关文章推荐
asp.net 30分钟掌握无刷新 Repeater
Sep 16 Javascript
JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
Dec 06 Javascript
js使用for循环与innerHTML获取选中tr下td值
Sep 26 Javascript
jquery实现弹出层效果实例
May 19 Javascript
特殊日期提示功能的实现方法
Jun 16 Javascript
JS返回只包含数字类型的数组实例分析
Dec 16 Javascript
详解Vue监听数据变化原理
Mar 08 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
May 31 Javascript
详解ES6 Fetch API HTTP请求实用指南
Nov 14 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
Apr 13 Javascript
微信js-sdk 录音功能的示例代码
Nov 01 Javascript
Node.js API详解之 console模块用法详解
May 12 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编程效率的方法
2013/11/07 PHP
php实现的日历程序
2015/06/18 PHP
ThinkPHP路由详解
2015/07/27 PHP
PHP ADODB实现分页功能简单示例
2018/05/25 PHP
Laravel5.7 数据库操作迁移的实现方法
2019/04/12 PHP
在JavaScript中,为什么要尽可能使用局部变量?
2009/04/06 Javascript
JavaScript单元测试ABC
2012/04/12 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
2013/01/24 Javascript
js导出格式化的excel 实例方法
2013/07/17 Javascript
javascript折半查找详解
2015/01/26 Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
2015/06/01 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
2015/10/10 Javascript
Backbone.js框架中简单的View视图编写学习笔记
2016/02/14 Javascript
JavaScript中值类型和引用类型的区别
2017/02/23 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
2017/03/30 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
2018/05/09 Javascript
vue动态路由配置及路由传参的方式
2018/05/23 Javascript
node中间层实现文件上传功能
2018/06/11 Javascript
jQuery访问json文件中数据的方法示例
2019/01/28 jQuery
微信小程序实现上拉加载功能
2019/11/20 Javascript
Vue设置长时间未操作登录自动到期返回登录页
2020/01/22 Javascript
2020淘宝618理想生活列车自动领喵币js脚本的代码
2020/06/02 Javascript
零基础写python爬虫之抓取百度贴吧代码分享
2014/11/06 Python
python安装mysql-python简明笔记(ubuntu环境)
2016/06/25 Python
python 写入csv乱码问题解决方法
2016/10/23 Python
Python+Selenium自动化实现分页(pagination)处理
2017/03/31 Python
对pandas的行列名更改与数据选择详解
2018/11/12 Python
python通过paramiko复制远程文件及文件目录到本地
2019/04/30 Python
python3使用腾讯企业邮箱发送邮件的实例
2019/06/28 Python
Python学习之time模块的基本使用
2021/01/17 Python
美国礼品卡交易网站:Cardpool
2018/08/27 全球购物
媒矿安全生产承诺书
2014/05/23 职场文书
公司2014年度工作总结
2014/12/10 职场文书
自主招生自荐信格式
2015/03/04 职场文书
2015年大班保育员工作总结
2015/05/18 职场文书
户外拓展训练感想
2015/08/07 职场文书