(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() |
可以匹配所有同辈元素,不分前后 |