jQuery foo.html(“<span>bar</span>”)没有更改foo[0],那么这是什么意思呢?

使用jQuery,在Firebug中,如果逐个执行以下操作:

foo = $('<div>foo</div>')

foo[0]  // => <div>

foo.html('<span>bar</span>')

foo.html()  // => "<span>bar</span>"

foo[0]  // => <div>

$('body').prepend(foo)  // => shows bar at top of page

foo.html() 显示 span ,但是 foo[0] 显示 div ... 为什么不一致?看来 foo 跨度 元素。不应该 显示 跨度 也?