$（“＃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 s 必须是是唯一的，两者都过于复杂。相反，你应该只使用$('#item2')

Answer 2

同为CSS选择

#this #that 

指任何#that那就是#this一个孩子。

凡为

#this>#that 

意味着只有#that这是#this的直系后裔。

More reading on descendant selectors.

Answer 3

>的符号是指“仅包括属于该元件的直接子元素”。因此，如果您只想选择子项为#item1的子项，请使用它，否则使用第一个选项。

Answer 4

>是指直接，直接孩子。

直接

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

间接

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

参见文档：http://api.jquery.com/child-selector/