jQuery<4.2>

层次选择器：通过DOM元素之间的层次关系来获取元素

名称

语法构成

描述

示例

后代选择器

ancestor descendant

选取ancestor元素里的所有descendant（后代）元素

$("#menu span" )选取#menu下的<span>元素

子选择器

parent>child

选取parent元素下的child（子）元素

$(" #menu>span" )选取#menu的子元素<span>

相邻元素选择器

prev+next

选取紧邻prev元素之后的next元素

$(" h2+dl " )选取紧邻<h2>元素之后的同辈元素<dl>

同辈元素选择器

prev~sibings

选取prev元素之后的所有siblings元素

$(" h2~dl " )选取<h2>元素之后所有的同辈元素<dl>

后代选择器：用来获取元素的后代元素

子选择器：用来获取元素的子元素

相邻选择器：用来选取紧邻目标元素的下一个元素

同辈选择器：用来选取目标元素之后的所有同辈元素