一、基本选择器
选择器 | 描述 | 返回 | 示例 |
---|---|---|---|
id | 根据给定的id返回一个元素 | 单个 | $(’#test’)选取id为test的元素 |
class | 根据给定的类名匹配元素 | 集合 | $(’.test’)选取所有class为test的元素 |
element | 根据给定的元素匹配元素 | 集合 | $(‘p’)选取所有p元素 |
selector1,selector2,… | 将每一个选择器匹配到的元素合并后一起返回 | 集合 | $(‘div,span,p.myClass’)选取所有div,span和拥有myClass的p标签的一组元素 |
二、层次选择器
选择器 | 描述 | 返回 | 示例 |
---|---|---|---|
$(‘ancestor descendant’) | 获取 ancestor 中所有的descendant(后代)元素 | 集合 | $(‘div p’)选取div中所有的p元素 |
$('parent>child) | 选取parent元素下的child(子)元素 | 集合 | $(‘div > p’)选取div元素下元素名是p的子元素 |
$(‘prev+next’) | 选取紧接在prev元素后的next的元素 | 集合 | $(’.one+div’)选取class为one的下一个div同辈元素 |
$('prev~siblings) | 选取prev元素之后的所有siblings元素 | 集合 | $(’#two~div’)选取id为two的元素后面的所有div同辈元素 |
如有错误,请指教,未完待续…