第十一章 jQuery插件

jQuery插件机制：

在开发中，有这样的情况：需要实现一某种功能，但是我们发现jQuery中并没有我需要的方法，而我们又不可以去修改jQuery源码，于是我们可以使用jQuery中提供的插件扩展机制。

常用插件：

    https://plugins.jquery.com

插件定义方式:

• jQuery全局插件方法：

  $.ajax();//些类方法为jQuery的全局方法，可以在jQuery环境下任何地方法直接使用。

  $.extend({
        fn1 : function(){},
        fn2 : function(){},
        ...
  });
  调用执行：
          $.fn1();
          $.fn2();  

• jQuery局部插件：

$("div").css();//局部方法，某个jQuery对象调用

$.fn.extend({
        fn1 : function(){},
        fn2 : function(){},
        ...
  });
调用执行：
  $("div").fn1();

• 插件方法中的this

        $.extend({
            fn1:function(){
                console.log(this === $);//true
            }
        });
        $.fn1();//true,说明方法中的this为jQuery对象
        $.fn.extend({
            fn1:function(){
                console.log(this.html());//正常输出元素内容
            }
        });
        $("div").fn1();

因为全局插件方法只能用$来调用，因此方法中的this实际上就是jQuery本身
而局部插件中的方法，使用哪个对象调用方法，方法中的this就指向谁，并且对象是jQuery包装后的对象。

validate插件的简单使用

    
        
        
        
        
        
        
        
        
    
    
        

            
            
用户名:
            
邮箱:
            
网址:
            
日期:
            
        
    

自定义插件