jQuery学习笔记之插件开发（4）

jQuery学习笔记之插件开发（4）

github源码地址

插件：了让原有功能的增强。

1.插件的种类（3种）：局部、全局、选择器插件

1.1封装对象方法的插件

这种类型的插件是把一些常用或者重复使用的功能定义为函数，然后绑定到jQuery对象上，从而成为jQuery对象的一个扩展方法。

目前，大部分jQuery插件都是这种类型的插件，由于这种插件是将对象方法封装起来，在jQuery选择器获取jQuery对象过程中进行操作，从而发挥jQuery强大的选择器的优势。有很多jQuery内部方法，也是在jQuery脚本内部通过这种形式插入到jQuery框架中的，如parent()、appendTo()和addClass()等方法。

//局部方法的插件
$.fn.extend({
test:function(str){
alert(str);
}
});

1.2封装全局函数的插件

可以把自定义的功能函数独立附加到jQuery命名空间下，从而作为jQuery作用域下的一个公共函数使用。例如，jQuery的ajax()方法就是利用这种途径内部定义的全局函数。

由于全局函数没有被绑定到jQuery对象上，故不能够在选择器获取的jQuery对象上调用。需要通过jQuery.fn()或者$.fn()方式进行引用。

//扩展的全局方法的插件
$.extend({
validate:function(email){
//真实的需求开发需要正则匹配
if(email == "leisky@outlook.com"){
return true;
}else{
return false;
}
}
});

1.3选择器插件

jQuery提供了强大的选择器，当然在个性化开发中，可能会感觉到这些选择器不够用，或者使用不是很方便。这个时候，我们就可以考虑自定义选择器，以满足特定环境下的选择元素摘要。

jQuery表单验证插件—— Validation

Validation插件是历史最悠久的jQuery插件之一，经过了全球范围内不同项目的验证。作为一个标准的验证方法库，Validation拥有如下特点：

内置验证规则：拥有必填、数字、EMAIL、URL和信用卡号码等19类内置验证规则。

自定义验证规则：可以很方便地自定义验证规则。

简单强大的验证信息提示：提供自定义覆盖S默认提示信息的功能。

实时验证：可以通过keyup或blur事件触发验证，而不仅仅在表单提交时验证。