.end() 与 .before() 一起使用时的行为

Question

当对从 DOM 分离的元素调用 .before 时，.end 的行为与对附加元素的行为不同：

var $div1 = $("div");
console.log($div1.after("foo").end());  // [document]
$div1.detach();
console.log($div1.after("foo").end());  // [<div></div>]

（小提琴：http://jsfiddle.net/R2uc7/2/）

显然，.before 会导致与.end 不同的行为，具体取决于附加或分离的节点。我没有看到逻辑，我不确定我可以依赖什么。

有人能告诉我.end 和.before 的定义行为吗？

Answer 1

jQuery v1.7.2 使用 pushStack 构建新的 DOM 元素。

pushStack 将项目添加到 jQuery 对象的堆栈中（看图！），end 弹出最后一个，返回堆栈的其余部分（无论剩下什么）。

---

jQuery v1.7.2 line #5860:
_注解我的

before: function() {
    if ( this[0] && this[0].parentNode ) {
        return this.domManip(arguments, false, function( elem ) {
            this.parentNode.insertBefore( elem, this );
        });
    } else if ( arguments.length ) {
        var set = jQuery.clean( arguments );
        set.push.apply( set, this.toArray() ); 
        return this.pushStack( set, "before", arguments ); //pushStack in use
    }
}