jquery扩展的两个方法与区别 $.extend $.fn.extend

    1. jQuery.extend:Query本身的扩展方法
    2. jQuery.fn.extent(Object) jquery 所选对象扩展方法

      jQuery.extend

      我们先把jQuery看成了一个类,这样好理解一些。 
      jQuery.extend(),是扩展的jQuery这个类。 
      比如:猴子这个类,会说话,会爬树。现在我们用jQuery.extend()给它增加一个本领,让它也会敲代码。如下代码

      $.extend({
          qiaodaima:function(){
              alert("我会敲代码了");
          }
      })
      //注:$是jQuery的缩写

      使用方法

      $.qiaodaima();

      猴子就是jQuery这个类,敲代码是这个类里面的方法。 
      所以这个敲代码只有猴子会,而大象狮子并不会。 
      这个扩展也就是所谓的静态方法。只跟这个 类 本身有关。跟你具体的实例化对象是没关系滴。

      jQuery.fn.extend()

      然而jQuery.fn.extend()是用在jQuery对象上面的。 
      例如:

      $.fn.extend({
          qiaodaima:function(htmldom){
              $(this).text("敲代码");
          }
      });

      使用方法

      $(".class").qiaodaima();

      另一种写法:

      (function($){
          $.fn.qiaodaima = function(htmldom){
              $(this).text("敲代码");
          }
      })(jQuery)

      调用方法一样。 
      第二种方法定义了一个jQuery函数,形参是,jQuery.,jQuery,使这个别名,而不会与prototype引起冲突.

    3. 区别

      其实吧,jQuery.extend()这个方法,主要是用来拓展个全局函数啦,例如.ajax().fn.each(),当选择器用。 
      大部分插件都是用jQuery.fn.extend()。

 

 

 

 

 

摘自:http://blog.csdn.net/u012536005/article/details/50786912

posted @ 2017-06-28 14:56  幽冥狂_七  阅读(463)  评论(0编辑  收藏  举报