前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >第71天:jQuery基本选择器(二)

第71天:jQuery基本选择器(二)

作者头像
半指温柔乐
发布2018-09-11 12:03:19
5520
发布2018-09-11 12:03:19
举报
文章被收录于专栏:前端知识分享

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”)

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-11-01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、内容过滤选择器
  • 二、可见性过滤选择器
  • 三、属性过滤选择器
  • 四、子元素过滤选择器
  • 五、表单对象属性过滤选择器
  • 六、表单选择器
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档