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