jquery 扩展方法

jquery插件的开发包括两种：一种是类级别的插件开发，即给jquery添加新的全局函数，相当于给jquery类本身添加方法。

                                     另一种是对象级别的插件开发，即给jQuery对象添加方法。

也可以理解为另外两种方式，一种是jQuery本身的扩展方法，另一种是jQuery所选对象的扩展方法。

1.jQuery.extend(object);// jQuery 本身的扩展方法

2.jQuery.fn.extend(object);// jQuery 所选对象扩展方法

 

1.类级别的插件开发

类级别的插件开发最直接的理解就是给jQuery类添加方法，可以理解为添加静态方法，开发时可以采用以下几种形式进行扩展：

  1）添加一个新的全局函数

      $.foo=function(){

                 alert("foo");

                 }

        调用：$.foo();

  2)使用jQuery.extend(object)方式扩展

      $.extend({

                      foo:function(){

                                          alert("foo");                                          

                                          }

                      bar:function(){

                                           alert("bar");

                                           }

                   })

          调用：$.foo();  $.bar();

  3)使用命名空间扩展

       $.myPlugin={

                          foo:function(){

                                               alert("foo");                                          

                                              }

                          bar:function(){

                                               alert("bar");

                                              }

                        }

        调用：$.myPlugin.foo();  $.myPlugin.bar();

2.对象基本的扩展

  1）$.fn.foo=function(){

                                  alert("foo");

                                  }

        调用：$('#myf').foo();

  2)$.fn.extend({

                       foo:function(){

                                           alert('foo');

                                            }

                      })

       调用：$('#myf').foo();

下面的一个针对对象的扩展，直接调用即可

         var amy={};

         amy.alert=function(){

                                    alert("foo");

                                     }

      调用：amy.alert();

转载于:https://www.cnblogs.com/xishuqingchun/p/4786617.html