jquery层级选择器学习笔记

Posted 2020-09-15 这一站幸福0519

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类型的弟弟节点（向后选取）。