第71天：jQuery基本选择器（二）
jQuery选择器
一、内容过滤选择器
选择器 | 描 述 | 返 回 | 示 例 |
|---|---|---|---|
:contains(text) | 匹配含有文本内容text的元素 | 集合元素 | $(“p:contains(今天)”) |
:empty | 匹配不含子元素或文本元素的空元素 | 集合元素 | $(“p:empty”) |
:has(selector) | 匹配包含selector元素的元素 | 集合元素 | $(“div:has(span)”) |
:parent | 匹配含有子元素或文本的元素 | 集合元素 | $(“div:parent”) |
二、可见性过滤选择器
选择器 | 描 述 | 返 回 | 示 例 |
|---|---|---|---|
:hidden | 匹配所有不可见的元素 | 集合元素 | $(“:hidden”) |
:visible | 匹配所有可见元素 | 集合元素 | $(“:visible”) |
三、属性过滤选择器
选择器 | 描 述 | 返 回 | 示 例 |
|---|---|---|---|
[attr] | 匹配拥有此属性的元素 | 集合元素 | $(“img[alt]“) |
[attr=value] | 匹配属性值为value的元素 | 集合元素 | $(“a[title=test]“) |
[attr!=value] | 匹配属性值不等于value的元素 | 集合元素 | $(“a[title!=test]“) |
[attr^=value] | 匹配属性值以value开头的元素 | 集合元素 | $(“img[alt^=welcome]“) |
[attr$=value] | 匹配属性值以value结尾的元素 | 集合元素 | $(“img[alt$=last]“) |
[attr*=vlaue] | 匹配属性值中含有value的元素 | 集合元素 | $(“div[title*=test]“) |
[attr1][attr2]… | 通过多个属性进行匹配 | 集合元素 | $(“div[id][title*=test]“) |
四、子元素过滤选择器
选择器 | 描 述 | 返 回 | 示 例 |
|---|---|---|---|
:nth-child | 匹配每个父元素下的第index个子元素索引从1开始 | 集合元素 | $(“div:nth-child(2)”) |
:first-child | 匹配每个父元素的第一个子元素 | 集合元素 | $(“div:first-child”) |
:last-child | 匹配每个父元素的最后一个子元素 | 集合元素 | $(“div:last-child”) |
: only-child | 某元素是它父元素中的唯一的子元素则匹配它 | 集合元素 | $(“div:only-child”) |
五、表单对象属性过滤选择器
选择器 | 描 述 | 返 回 | 示 例 |
|---|---|---|---|
:enabled | 匹配所有可用元素 | 集合元素 | $(“form :enabled”) |
:disabled | 匹配所有不可用的元素 | 集合元素 | $(“form :disabled”) |
:checked | 匹配所有被选中的元素(含单选框，复选框) | 集合元素 | $(“input:checked”) |
:selected | 匹配所有被选中的选项元素 | 集合元素 | $(“select :selected”) |
六、表单选择器
选择器 | 描 述 | 返 回 | 示 例 |
|---|---|---|---|
:input | 匹配所有input, textarea,select, button元素 | 集合元素 | $(“input”) |
:text | 匹配所有文本框 | 集合元素 | $(“:text”) |
:password | 匹配所有密码框 | 集合元素 | $(“:password”) |
:radio | 匹配所有单选框 | 集合元素 | $(“:radio”) |
:checkbox | 匹配所有多选框 | 集合元素 | $(“:checkbox”) |
:submit | 匹配所有提交按钮 | 集合元素 | $(“:submit”) |
:image | 匹配所有图像按钮 | 集合元素 | $(“:image”) |
:reset | 匹配所有重置按钮 | 集合元素 | $(“:reset”) |
:button | 匹配所有按钮 | 集合元素 | $(“:button”) |
:file | 匹配所有上传域 | 集合元素 | $(“:file”) |