编写jquery插件
2015-11-07 14:37
573 查看
一、类级别($.extend)
类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法。
开发扩展其方法时使用$.extend方法,即jQuery.extend(object);
二、 对象级别
对象级别则可以理解为基于对象的拓展,如$("#table").changeColor(...); 这里这个changeColor呢,就是基于对象的拓展了。
开发扩展其方法时使用$.fn.extend方法,即jQuery.fn.extend(object);
三、 jQuery插件开发过程
1、定义作用域:为插件定义私有作用域,外部代码不能直接访问插件内部的代码,插件内部的代码不污染全局变量、
2、为jQuery扩展一个插件:为jQuery的实例添加一个宽展方法。该宽展方法可以接收一些参数。
3、设置默认值:为扩展方法设置默认值,一般会将默认属性对象定义为defaults。使用$.extend(defaults,options)将默认值和传入的参数进行合并
4、支持jQuery的连接调用:循环把每个元素返回。
5、插件里的方法:为了使代码结构化可视化,需要用到function。在插件里的方法不能被外界调用
6、自定义回调函数:使用call和apply方法执行回调函数,
类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法。
开发扩展其方法时使用$.extend方法,即jQuery.extend(object);
二、 对象级别
对象级别则可以理解为基于对象的拓展,如$("#table").changeColor(...); 这里这个changeColor呢,就是基于对象的拓展了。
开发扩展其方法时使用$.fn.extend方法,即jQuery.fn.extend(object);
三、 jQuery插件开发过程
1、定义作用域:为插件定义私有作用域,外部代码不能直接访问插件内部的代码,插件内部的代码不污染全局变量、
2、为jQuery扩展一个插件:为jQuery的实例添加一个宽展方法。该宽展方法可以接收一些参数。
3、设置默认值:为扩展方法设置默认值,一般会将默认属性对象定义为defaults。使用$.extend(defaults,options)将默认值和传入的参数进行合并
4、支持jQuery的连接调用:循环把每个元素返回。
5、插件里的方法:为了使代码结构化可视化,需要用到function。在插件里的方法不能被外界调用
6、自定义回调函数:使用call和apply方法执行回调函数,
相关文章推荐
- jquery val 扩展
- 重写jquery.confirm.js 摆脱传统alert confirm 插件供下载(二)
- jquery UI Datepicker时间控件的使用方法(终结版)
- 教程: Play Framework 2 with Scala, Anorm, JSON, CoffeeScript, jQuery & Heroku
- jquery UI Datepicker时间控件的使用方法(加强版)
- jquery UI Datepicker时间控件的使用方法(基础版)
- jquery验证邮箱格式并显示提交按钮
- jquery之data
- 关于jQuery UI样式不能应用问题的解决
- jquery的if语句
- jquery判断当前浏览器的实现代码
- jQuery插件开发精品教程(让你的jQuery更上一个台阶)
- jQuery插件开发精品教程(让你的jQuery更上一个台阶)
- jquery判断当前浏览器的实现代码
- jquery验证邮箱格式并显示提交按钮
- jquery UI Datepicker时间控件的使用方法(基础版)
- jquery UI Datepicker时间控件的使用方法(加强版)
- jquery UI Datepicker时间控件的使用方法(终结版)
- JQuery小技巧
- 重写jquery.confirm.js 摆脱传统alert confirm 插件供下载(一)