jquery div a 與 div > a 的差異

div a : 取得div內部的所有的超連結

div > a : 取得div父元素其下的超連結


範例:

<div id="div1">
<a id="a1">a1</a>
<a id="a2">a2</a>
<div id="div11">
<a id="a11">a11</a>
</div>
</div>
<div id="div2">
<span id="s1">
<a id="b1">b1</a>
<a id="b2">b2</a>
</span>
</div>



$('div a').css('color','red');





$('div > a').css('color','red');

div id="div2"底下的子元素只有span，所以span底下的超連結就不會被選到