$（「＃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/