JQ下的常见插件

时间:2021-05-10 21:26:31

插件的概述:插件是以 jQuery 的核心代码为基础,编写出复合一定规范的应用程序。也就是说,插件也是 jQuery 代码,通过 js 文件引入的方式植入即可。

插件的种类很多,达上千种,主要大致可以分为:UI 类、表单及验证类、输入类、特效类、Ajax类、滑动类、图形图像类、导航类、综合工具类、动画类等等。

如何引用插件?

引入插件是需要一定步骤的,基本如下:

1.必须先引入 jquery.js 文件,而且在所有插件之前引入;

2.引入插件;

3.引入插件的周边,比如皮肤、中文包等。

插件注意:

必须先引入jQuery文件

再引入jQuery插件文件

表单检验插件Validate插件的使用

如何实现?

获取表单,调用validate(options)方法进行验证

该方法接收选项options

{

rules : {//设置验证规则

key : value

key - 表单元素的name属性值

value - 验证规则名称

},

messages : {//设置错误信息

key : value

key - 表单元素的name属性值

value - 设置错误信息

}

}

通过自定义验证规则

$.validator.addMethod(name,method,message)

* name - 设置自定义验证规则的名称

* method - 就是一个函数

function(value,element,param){}

* value - 元素的值(验证当前元素的值)

* element - 元素本身(验证当前元素)

* param - 参数(rules中的value值)

* message - 设置自定义验证规则的错误信息