jQuery選擇：子代元素與后代元素的區別

（1）后代元素：html代碼如下，那么在jquery選擇時，$(".test img")，中間為空格，則是選取后代元素，img對於ul來說是孫子輩元素，中間隔了li元素，所以后代元素是指ul標簽內的孫子輩、曾孫輩及以上元素。

（2）子元素：html代碼如下，那么在jquery選擇時，$(".test>li")，中間為>大於號，則是選取子元素，li對於ul來說是兒子輩元素，所以子元素是指ul標簽內兒子輩的元素。

<ul class='test'>
<li>
<img src='xxxx' />
<img src='xxxx' />
<img src='xxxx' />
</li>
<li>
<img src='xxxx' />
</li>
</ul>

 

---------------------
原文：https://blog.csdn.net/qq_26291823/article/details/80592626