jquery扩展的两个方法和区别

1.jquery.extend:jQuery本身的扩展方法

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

 

我们先把jQuery看成了一个类，这样好理解一些。 
jQuery.extend()，是扩展的jQuery这个类。

$.extend({
   hello:function () {
             console.log('hello');
    } 
})
//注：$是jQuery的缩写

$.hello;

 

这个扩展也就是所谓的静态方法。只跟这个 类 本身有关。跟你具体的实例化对象是没关系滴。

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

$.fn.extend({
    hellp:function(htmldom){
        $(this).text("hello");
    }
});
$(".class").qiaodaima();
//  写法二
(function($){ $.fn.qiaodaima = function(htmldom){ $(this).text("敲代码"); } })(jQuery)

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

区别：

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

转载于:https://www.cnblogs.com/zero7room/p/6638384.html