JQ下的常见插件

Posted 2020-06-27 考考

插件的概述：插件是以 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 - 设置自定义验证规则的错误信息