jquery扩展方法的两种形式

不念不忘少年蓝@ 2021-09-15 07:52 333阅读 0赞

1.  jQuery.extend：Query本身的扩展方法
2.  jQuery.fn.extent(Object) jQuery 所选对象扩展方法
    
    ## jQuery.extend ##
    
    我们先把jQuery看成了一个类，这样好理解一些。   
    jQuery.extend()，是扩展的jQuery这个类。   
    比如：猴子这个类，会说话，会爬树。现在我们用jQuery.extend()给它增加一个本领，让它也会敲代码。如下代码

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

使用方法

$.qiaodaima();

*  1

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

## jQuery.fn.extend() ##

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

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

*  使用方法

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

*  1

另一种写法：

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

调用方法一样。   
第二种方法定义了一个jQuery函数,形参是，函数定义完成之后,把jQuery这个实参传递进去.立即调用执行。这样的好处是,我们在写jQuery插件时,也可以使用，函数定义完成之后,把jQuery这个实参传递进去.立即调用执行。这样的好处是,我们在写jQuery插件时,也可以使用这个别名,而不会与prototype引起冲突.

> ？？以后补充修改的地方？？

## 区别 ##

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