(1)基本选择器
选择器 | 描述 | 示例 |
#id | 根据给定的id匹配一个元素 | $(‘#test’) |
.class | 根据给定的类名匹配元素 | $(‘.test’) |
element | 根据给定的元素名匹配元素 | $(‘p’) |
* | 匹配所有元素 | $(‘*’) |
slector1,selector2,...,selectorn | 将每个选择器匹配到的元素合并后一起返回 | $(‘div,span.p.test’) |
(2)层级选择器
选择器 | 描述 | 示例 |
$(‘ancestor descendant’) | 选取ancestor元素里的所有descendant(后代)元素 | $(‘div span’) |
$(‘parent>child’) | 选取parent元素下的child(仅儿子辈)元素 | $(‘div>span’) |
$(‘prev+next’) | 选取紧接在pre元素后的next(同辈,紧接)元素 | $(‘.one+div’)选择class为one的下一个<div>同辈元素 |
$(‘prev~siblings’) | 选取prev元素之后的所有siblings(同辈)元素 | $(‘#prev~div’) |
注意:
选择器 | 方法 | |
等价关系 | $(‘.one+div’) | $(‘.one’).next(‘div’); |
等价关系 | $(‘#prev~div’) | $(‘#prev’).nextAll(‘div’) |
注意 | 方法$(‘#prev’).siblings() | 可以匹配所有同辈元素,不分前后 |