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

被折叠的 条评论
为什么被折叠?



