javascript - 如何理解jQuery里面的$.extend和$.fn.extend?

Question

在$.fn.extend()里面添加的方法，可以在jquery实例里面直接使用，而在$.extend()里面添加的方法，要使用$调用。
网上都说：jQuery.extend(object); 为扩展jQuery类本身，为类添加新的方法。

jQuery.fn.extend(object);给jQuery对象添加方法。

那么这个该怎么理解？object究竟添加到了哪里？jQuery.fn.extend(object);是把方法添加到原型上了吗？jQuery.extend(object);又是把方法添加到了哪里？要是添加到类本身，实例应该也可以使用吧？但是测试的结果是不能使用，必须用$.object这种方式调用。

Answer 1

我现在想明白了。
楼上的说的都是对的，我当时问这个问题的时候也都知道，我只是不明白$.extend()定义的方法为什么不能在jQuery对象里面调用。
我的理解是本来jQuery这个对象就是return new jQuery.prototype.init()这种形式，所以根本就不是new的一个jQuery，所以自然不能直接调用$.extend()定义的方法，谢谢大家回答。

Answer 2

简单的说，$.extend是为jQuery这个构造函数本身添加方法。而$.fn.extend则是为构造函数jQuery生成的对象添加方法。

举个简单的例子

function Animal(){}

var cat = new Animal{} 

$.extend相当于

Animal.eat=function(){}

Animal.eat()//调用

而$.fn.extend相当于

Animal.prototype.eat=function(){}

cat.eat()//调用

Answer 3

$.fn.extend === $.extend
//true

Answer 4

$ 是一个构造函数，$.fn 这个fn是它的原型链吧

Answer 5

$.extend
这种方式是给jQuery自己扩展方法。
比如以下代码

$.customFunc()//customFunc是你通过$.customFunc定义的

$.fn.extend
这种方式是给jQuery对象扩展方法，一般写插件用的多
比如以下代码

$('.title').test();//test是你自己通过$.fn.test定义的

Answer 6

这里的fn实际就是指prototype；你就这样理解 $.fn.extend(xx);就相当于某个对象的构造函数的原型添加，比如 function Arry(){};Arry.prototype.XX=function(){};这个时候所有的数组对象就都有这个方法了。另一个是给对象直接添加，而不是在他的构造函数的原型基础上。

Answer 7

建议看http://blog.csdn.net/ul646691...