jquery选择时，html标签的后代元素和子元素的区别详解

jquery选择时，html标签的后代元素和子元素的区别详解

ps：本人亲测，阿里云2核4G5M的服务器性价比很高，新用户一块多一天，老用户三块多一天，最高可以买三年，感兴趣的可以戳一下：阿里云折扣服务器

（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>