jQuery插件机制
来源:互联网 发布:网络测速360 编辑:程序博客网 时间:2024/06/10 12:02
一,插件的种类(三种)
l 封装对象方法的插件
这种类型的插件是把一些常用或者重复使用的功能定义为函数,然后绑定到jQuery对象上,从而成为jQuery对象的一个扩展方法。
目前,大部分jQuery插件都是这种类型的插件,由于这种插件是将对象方法封装起来,在jQuery选择器获取jQuery对象过程中进行操作,从而发挥jQuery强大的选择器的优势。有很多jQuery内部方法,也是在jQuery脚本内部通过这种形式插入到jQuery框架中的,如parent()、appendTo()和addClass()等方法。
l 封装全局函数的插件
可以把自定义的功能函数独立附加到jQuery命名空间下,从而作为jQuery作用域下的一个公共函数使用。例如,jQuery的ajax()方法就是利用这种途径内部定义的全局函数。
由于全局函数没有被绑定到jQuery对象上,故不能够在选择器获取的jQuery对象上调用。需要通过jQuery.fn()或者$.fn()方式进行引用。
l 选择器插件
jQuery提供了强大的选择器,当然在个性化开发中,可能会感觉到这些选择器不够用,或者使用不是很方便。这个时候,我们就可以考虑自定义选择器,以满足特定环境下的选择元素摘要。
二,jQuery插件机制
(1)jQuery.extend()方法
jQuery.extend()方法能够创建全局函数或者选择器。
这种插件编写好以后,引入页面,就可以直接通过jQuery来调用里面的方法了。类似于静态方法。
//测试jQuery.extend()方法jQuery.extend({minValue : function(a,b){return a < b ? a : b;},maxValue : function(a,b){return a < b ? b : a;}});
(2)jQuery.fn.extend()方法
jQuery.fn.extend()方法能够创建jQuery对象方法。
这种方式必须获取到页面的元素的jQuery对象,才能调用插件的方法。//测试jQuery.fn.extend()方法jQuery.fn.extend({valueTO:function(obj){return this.each(function(){obj.html(this.value);});}})
三,jQuery表单验证插件—— Validation
Validation插件是历史最悠久的jQuery插件之一,经过了全球范围内不同项目的验证。作为一个标准的验证方法库,Validation拥有如下特点:
内置验证规则:拥有必填、数字、EMAIL、URL和信用卡号码等19类内置验证规则。
自定义验证规则:可以很方便地自定义验证规则。
简单强大的验证信息提示:提供自定义覆盖默认提示信息的功能。
实时验证:可以通过keyup或blur事件触发验证,而不仅仅在表单提交时验证。
该插件的详细用法参看帮助文档。- jquery插件机制
- jQuery插件机制
- jquery插件机制
- jQuery的插件机制
- jQuery插件机制
- JQuery插件机制
- jquery的插件机制
- jQuery 学习五(插件机制)
- jQuery 学习五(插件机制)
- jQuery插件原来如此简单 jQuery插件的机制及实战
- jQuery 核心4_插件机制
- jquery的插件机制以及应用
- jquery事件机制扩展插件 jquery鼠标右键事件
- jquery事件机制扩展插件 jquery鼠标右键事件
- 插件机制
- jquery插件
- jquery 插件
- jQuery插件
- Yii框架自带缓存的使用方法
- J.U.C之Future
- C语言内存分配方式
- 【asp.net小札记】发邮件
- linux动态编译和静态编译
- jQuery插件机制
- 缓存思想分析
- JEECG 移动端解决方案【HTML5】
- Oracle数据库优化
- iPhone各个控件尺寸
- u-boot向linux内核传递启动参数
- CXF为服务器端和客户端添加自定义拦截器进行权限检查验证并且控制台打印日志(4)
- STM32之端口复用与重映射简单说明
- Magento - 开启模板路径提示