Question

jquery中子元素和后代元素的区别

Answer 1

和现实生活中的概念一样，子就是指儿子，是自己直接生出来的，而后代则是指儿子、孙子、曾孙、重孙……十八代……乃至千秋万代，即辈分低于自己的所有都是后代。

比如下面的：

<div>
    <ul>
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
    <p>
        <span>......</span>
    </p>
</div>

ul是div的子元素，p也是div的子元素，li是ul的子元素，span是p的子元素，li和span不是div的子元素；

而ul、li、p、span都是div的后代元素。

在JQuery中，$("div ul") 这样选择的其实是后代元素，即ul不管与div隔了多少代都会被选中；只有 $("div>ul") 这样才是真正选择的子元素，即紧挨着div的ul