您的位置：首页 > Web前端 > JQuery

第71天：jQuery基本选择器（二）

2017-11-01 23:04 197 查看
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”)

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航