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')

Answer 2

与CSS选择器相同

#this #that

表示#that的孩子的任何#this。

在哪里

#this>#that

仅表示#that的{{1}}的直接后代。

Answer 3

>符号表示“仅包含该元素的直接子元素”。因此，如果您只想选择子节点为#item1的子节点，请使用它，否则请使用第一个选项。

Answer 4

>表示立即，直接子女。

<强>直接

<div id="a">
    <div id="b">
    </div>
</div>

<强>间接

<div id="a">
    <div>
        <div id="b">
        </div>
    </div>
</div>