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()。