$.extend和$.fn.extend()

1、$.extend(src)

 　　该方法就是将src合并到jquery的全局对象中去。

2、$.fn.extend(src)
 　　该方法将src合并到jquery的实例对象中去。

 

直接来看代码吧：

$(function () {

$.extend({
hello: function () { console.log('hello'); }
});

$.fn.extend({
hi: function () { console.log('hi'); }
});

$.hello();
$.hi();
});

 

执行$.hello()成功，执行$.hi()报错，因为hello()是jquery的全局对象中，所以执行$.hello()可以访问，而$.hi()不存在，故报错。

 

执行如下代码：

$(function () {

$.extend({
hello: function () { console.log('hello'); }
});

$.fn.extend({
hi: function () { console.log('hi'); }
});

$("div:first").hi();
$("div:first").hello();
});

 

$("div:first").hi()执行成功，$("div:first").hello()报错，因为$("div:first")是一个jquery的实例对象。