层次选择器:通过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>
后代选择器:用来获取元素的后代元素
子选择器:用来获取元素的子元素
相邻选择器:用来选取紧邻目标元素的下一个元素
同辈选择器:用来选取目标元素之后的所有同辈元素