[转]jquery后代和子元素的区别

这是《锋利的jquery》书里的内容

<div>

    <p>

        <span></span>

        <a></a>

        <b></b>

    </p>

</div>

p是div的子元素，span是p的子元素，a、b同样是p的子元素

p是div的后代元素，span、a、b都是div的后代元素

后代可认为是包含的所有元素，而子元素只是包含一层的元素

上面的例子可以理解为div是父亲，p是div的儿子

span、a、b是p的儿子即div孙子，但都是div和p的后代