zoukankan      html  css  js  c++  java
  • jQuery中的插件的编写和使用

    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()方法用于扩展插件类型中的后两种

  • 相关阅读:
    webpack源码学习总结
    并发容器(三)非阻塞队列的并发容器
    并发容器(二)阻塞队列详细介绍
    并发容器(一)同步容器 与 并发容器
    java内存模型(二)深入理解java内存模型的系列好文
    java内存模型(一)正确使用 Volatile 变量
    原子操作类(二)原子操作的实现原理
    原子操作类(一)原子操作类详细介绍
    同步锁源码分析(一)AbstractQueuedSynchronizer原理
    并发工具类(五) Phaser类
  • 原文地址:https://www.cnblogs.com/dclcc/p/3485082.html
Copyright © 2011-2022 走看看