JQuery创建实例历程-CSDN博客

本文链接：https://blog.csdn.net/iteye_5753/article/details/82546919

本文详细解读jQuery源码，揭示其实现机制，包括如何将$(selector)调用转化为jQuery.fn.init实例化，以及jQuery.fn.init实例的prototype继承jQuery.prototype属性和方法的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JQuery源码如下

// Define a local copy of jQuery
jQuery = function( selector, context ) {
	// The jQuery object is actually just the init constructor 'enhanced'
	return new jQuery.fn.init( selector, context, rootjQuery );
}
jQuery.fn = jQuery.prototype = {
　　　...
      init: function( selector, context, rootjQuery ) {
      }
　　　...
}
// Give the init function the jQuery prototype for later instantiation
jQuery.fn.init.prototype = jQuery.fn;

其中

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

定义了jQuery变量就是一个方法，方法体就是：

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

所以在外部我们调用$("selector")等价于调用

new jQuery.fn.init( selector, context, rootjQuery );

返回的就是jQuery.fn.init的一个实例。

由于

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

所以

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

所以jQuery.fn.init的实例的prototype就是jQuery.prototype,因此会继承jQuery.prototype上的属性和方法。