jquery - $ ("#item1 #item2") 和 $ ("#item1>#item2") 之间有什么区别吗？

Question

我正在检查代码并发现

$("#item1 #item2") and $("#item1>#item2")

可以互换使用。有什么区别还是一模一样？

Answer 1

两者都会匹配

<div id="item1">
    <div id="item2">
    </div>
</div>

但只有第一个会匹配

<div id="item1">
    <div>
        <div id="item2">
        </div>
    </div>
</div>

第一个表达式使用 descendant selector 。第二个表达式中的 > 符号是 child selector 。两者都是标准 CSS 选择器。

但是，由于 id 的必须是唯一的，因此两者都过于复杂。相反，您应该只使用 $('#item2')