基本选择器
基本选择器 | 范围 | 结果个数 |
---|---|---|
$(’#id’) | 根据指定的元素id | 单个元素或者无 |
$(’.class’) | 根据指定的类选择 | 集合 |
$(‘标签名称’) | 根据指定的标签名称 | 集合 |
* | 匹配所有的元素 | 集合 |
selector1,selector2 | 将selector1和selector2 的结果合并 | 集合 |
层次选择器
层次选择器顾名思义,目的是选择具有层次关系的元素;dom常见的层次关系有祖先、父子、兄弟(针对同级元素)、相邻(统计元素或者非同级元素:前相邻、后相邻、前后相邻)。
层次选择器 | 范围 | 结果个数 |
---|---|---|
$(‘ancestor descendant’) | 根据祖先元素匹配所有后代元素;比如$(‘div span’)将匹配所有位于div下的span元素(无论span时div的直接儿子元素,或者span时div的孙子元素) | 集合 |
$(‘parent>child’) | 匹配父元素的所有子元素;子元素只是针对儿子元素 | 集合 |
$(‘previous+next’) | 匹配所有紧接在previous元素后的 相邻元素 | 集合、 |
$("previousSelector’).next() | 匹配所有紧接在previousSelector元素后的相邻元素;不一定时兄弟;等同于$(‘previousSelector+siblingSelector’) | 集合 |
$(‘previous~siblings’) | 匹配previous元素之后的所有兄弟元素 | 集合 |
$(‘previousSelector’).nextAll() | 匹配previousSelector元素之后的所有兄弟元素;等同于$(‘previousSelector~siblingsSelector’) | 集合 |
$(‘previous’).siblings(‘selector’) | 匹配previous元素的所有相邻元素;不区分前后 | 集合 |
$(‘previousSelector~siblingSelector’) | 获取previousSelector元素后面的全部相邻元素;等同于$(‘previousSelector’).nextAll() | 集合 |
基本过滤选择器
等会再写。。。。