jQuery 报告没有文档的直接后代

Question

我现在使用的是 jQuery 1.6.1。在 Firebug 中，我看到了这一点：

console.log($(document).find("*"))

符合我的预期；它返回文档的所有子项。但这：

console.log($(document).find("> *"))

没有。它返回一个空集！在我看来，如果该文件有后代，那么它必须至少有一个直接后代。 jQuery 显然不同意。这是一个错误，还是我的误解？另请注意，这：

console.log($("body").find("> *"))

正如我所期望的那样，它返回 body 标记的直接后代。预先感谢您的任何见解！

Answer 1

document 确实（至少）有一个子元素，它是一个 HTMLHtmlElement （继承了 HTMLElement 形式），所以是的，理论上，jQuery（或在这种情况下发出嘶嘶声）应该返回这个。

这是一个错误吗？这可能是一个设计决定。但是让我们看看 $(document).children() 给我们带来了什么：

alert($(document).children().length);

输出 1。

同样有趣的是， $(document).find("> html") 返回一个空集，而 $(document).find("html") 返回HTMLHtmlElement。但以下情况是true：

$(document).find("html").parent()[0] === document

至少它是 jQuery 中的不一致之处。 .find('> *') 应返回与 .children() IMO 相同的元素。

它可能是Sizzle或jQuery中的一个错误（有足够时间的人可以看看Sizzle 的源代码^[source]并找出问题所在）。

另一方面，可以说子选择器仅适用于 Element 节点，而 document 不是 Element 节点。从这个角度来说，并没有什么bug，只是这个不一致。