jQuery中的pushStack

在学习jquery源码的时候，学到了其中的pushStack方法，在这里记录一下

源码为

	// Take an array of elements and push it onto the stack
	// (returning the new matched element set)
	pushStack: function( elems ) {

		// Build a new jQuery matched element set
		var ret = jQuery.merge( this.constructor(), elems );

		// Add the old object onto the stack (as a reference)
		ret.prevObject = this;
		ret.context = this.context;

		// Return the newly-formed element set
		return ret;
	}

比如在页面上有两个标签

<div>div</div>
<span>span</span>

这时，这么写

$("div").pushStack($("span"));

此时stack的结构为

由于stack的先入后出的原则，所以$("div").pushStack($("span")).css('background','red');显示为

而jquery的

这个方法可以追溯到上一层，如

jquery中的splice和选择器中的eq等，都使用的是这个原理

转载于:https://www.cnblogs.com/Iqiaoxun/p/5350588.html