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

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
$就是jquery对象,$()就是jQuery(),在里面可以传参数,作用就是获取元素如下例子$(".div1") 表示获取类名为div1的元素,例如获取
$(div a).attr(prop)获取元素div内a的prop属性