jQuery中的插件的编写和使用
2013-12-21 13:56
288 查看
1,常用的jQuery插件:表单验证插件formValidator
a.目前支持5大验证方式:1、inputValidator(针对input,textarea,select控件的字符长度,值范围,选择个数的控制)
2、compareValidator(提供2个对象的比较,目前可以比较字符串和数值型)
3、ajaxValidator(通过ajax到服务器上做数据校验)
4、regexValidator(提供可扩展的正则表达式)
5、functionValidator(可使用外部函数来做校验)
b.特点:1、校验功能可以扩展
2、实现了校验代码与html代码的完全分离
3、只需写一行代码就能完成一个表单元素的校验
2,动态绑定事件插件——livequery:解决动态加载和后来通过javascript添加的元素
1、用法一:livequery(type,fn);type:事件类型,fn:事件处理函数
2、用法二:livequery(fn,fn);回调
3,与jquery中的live方法用法一样,但live方法较耗性能,一般不使用
4,管理Cookie的插件——Cookie的用法:
写入cookie:$.cookie(cookie_name,cookie_value,{path:'/',expires:time})
读取cookie:$.cookie(cookie_name);删除cookie:$.cookie(cookie_name,null)
5,插件的种类:封装对象方法的插件
封装全局函数的插件
选择器插件
6,插件的基本要点:1,命名:jquery.[插件名].js
2,对象方法附加到jquery.fn对象上,全局函数附加到jquery对象本身上
3,插件内部,this指向的是当前通过选择器获取的jquery对象;通过this.each来遍历
4,以分号结尾,并且插件应该返回一个jquery对象,保证链式操作
5,避免在插件内部使用$作为jquery对象的别名
7,插件中的闭包 写法:;(function($){})(jquery);
8,插件中的机制 1,jquery.fn.extend()方法用于扩展插件类型中的第一种
2,jquery.extend()方法用于扩展插件类型中的后两种
a.目前支持5大验证方式:1、inputValidator(针对input,textarea,select控件的字符长度,值范围,选择个数的控制)
2、compareValidator(提供2个对象的比较,目前可以比较字符串和数值型)
3、ajaxValidator(通过ajax到服务器上做数据校验)
4、regexValidator(提供可扩展的正则表达式)
5、functionValidator(可使用外部函数来做校验)
b.特点:1、校验功能可以扩展
2、实现了校验代码与html代码的完全分离
3、只需写一行代码就能完成一个表单元素的校验
2,动态绑定事件插件——livequery:解决动态加载和后来通过javascript添加的元素
1、用法一:livequery(type,fn);type:事件类型,fn:事件处理函数
2、用法二:livequery(fn,fn);回调
3,与jquery中的live方法用法一样,但live方法较耗性能,一般不使用
4,管理Cookie的插件——Cookie的用法:
写入cookie:$.cookie(cookie_name,cookie_value,{path:'/',expires:time})
读取cookie:$.cookie(cookie_name);删除cookie:$.cookie(cookie_name,null)
5,插件的种类:封装对象方法的插件
封装全局函数的插件
选择器插件
6,插件的基本要点:1,命名:jquery.[插件名].js
2,对象方法附加到jquery.fn对象上,全局函数附加到jquery对象本身上
3,插件内部,this指向的是当前通过选择器获取的jquery对象;通过this.each来遍历
4,以分号结尾,并且插件应该返回一个jquery对象,保证链式操作
5,避免在插件内部使用$作为jquery对象的别名
7,插件中的闭包 写法:;(function($){})(jquery);
8,插件中的机制 1,jquery.fn.extend()方法用于扩展插件类型中的第一种
2,jquery.extend()方法用于扩展插件类型中的后两种
相关文章推荐
- jQuery插件的编写和使用 <思维导图>
- JavaScript代码编写尝试使用Vanilla JS 或者Jquery插件
- 推荐2款jquery编写的字符云插件,自己亲自使用后感想
- 使用 jQuery 编写插件的设计建议
- 简便使用jQuery(下)-jQuery自定义插件的编写
- Jquery插件的编写和使用
- jQuery插件的使用和编写
- jquery插件编写和使用
- jQuery 使用 jQuery UI 部件工厂编写带状态的插件(翻译)
- 使用Jquery仿模态对话框插件Remodal实现弹出响应窗口
- jquery的smartWizard插件使用方法
- 使用lua脚本编写wireshark协议插件
- Jsp中Uploadify插件的使用(jQuery上传插件)
- jQuery插件-jRating评分插件源码分析及使用方法
- 自定义jquery插件(一)-------初使用
- [转][JavaScript]使用jquery插件报错:$.browser is undefined的解决方法
- 使用jQuery email check插件开发带有email域名拼写错误校验功能的超酷动态留言版系统
- flot - jQuery 图表插件(jquery.flot)使用
- 基于bootstarp的分页插件jquery.twbsPaginationwbst的使用