html文档中的所有节点构成的拓扑结构类似于家谱，节点与节点之间存在着类似于父子、兄弟、祖孙这样的关系，层级选择器就是用于处理html文档中节点与节点之间的关系。如下介绍四种层级选择器：
1.子选择器
$('parent>child')
当前参考节点是parent，在其子代元素中，选择指定的child类型的元素，即parent与child是父子关系。
2.后代选择器
$('ancestor descendant')
当前参考节点是ancestor（祖先节点），在其后代元素中，选择指定的descendant类型的元素，即descendant是ancestor的子子孙孙。
3.相邻兄弟选择器
$('prev+next')
当前参考节点是prev，选取的是与他有相同父节点的、紧挨着他的一个指定的next类型的弟弟节点（向后选取）。
4.一般兄弟选择器
$('prev~sibling')
当前参考节点是prev,选取的是与他有相同父节点的指定的sibling类型的弟弟节点（向后选取）。