［原创］jQuery的$和$()

jQuery把$这个玩意应用的淋漓尽致。他的设计巧妙之处是在于把构造函数和函数充分利用。因此当你用$和$()时有很大差别。这个微妙之处很多程序员估计会没注意。

 

• 通过$调用的函数其实是jQuery的静态函数。
• 通过$()调用的函数其实是jQuery的成员函数。

 

$=jＱuery；因此，$调用的函数其实是jQuery的静态函数。这个就很好理解了，那$()是如何实现呢？这个就比较麻烦了。

 

 

$=jＱuery；因此$() = jＱuery();

jQuery = function( selector, context ) {
		// The jQuery object is actually just the init constructor 'enhanced'
		return new jQuery.fn.init( selector, context, rootjQuery );
	}

 从以上的代码可以看出　$()　＝  jQuery.fn.init构造函数构造出来的对象。　

jQuery.fn.init.prototype = jQuery.fn;

 而jQuery.fn.init的原型链指向的是jQuery.fn,因此$() = 为jQuery.fn的对象。

jQuery.fn = jQuery.prototype

 此时jQuery.fn又= jQuery.prototype，因此$()就是jQuery.prototype的对象。所以$()调用的函数其实是jQuery的成员函数。

这个小技巧虽然很绕，但很实用，通过一个$，就可以返回jQuery的静态函数，还可以获取不同的jQuery对象。

评论

3 楼 lsjinpeng 2012-08-13  

看不懂...新手压力大啊..api刚刚可以使用

2 楼 aishu 2012-08-13  

晕，有些不懂，最后一个很绕。对前台JS基本停留在使用阶段，未深入学习。

1 楼 linzx0212 2012-08-13  

倒三点，整三点