【问题标题】:What are the types of jquery selectors? [closed]jquery 选择器有哪些类型? [关闭]
【发布时间】:2014-01-12 23:32:50
【问题描述】:

我对这个问题有疑问并且没有任何好的来源,你能帮帮我吗?选择器是什么?

【问题讨论】:

  • 这对 SO 来说确实不是一个好问题,为什么你不能只检查 jQuery 文档?

标签: jquery


【解决方案1】:

这些是 jquery 选择器(从 jQuery 1.10 和 jQuery 2.0 开始):

  • 所有选择器 ("*")
    选择所有元素。
  • :animated 选择器
    选择在选择器运行时处于动画进程中的所有元素。
  • 属性包含前缀选择器[name|="value"]
    选择具有指定属性且其值等于给定字符串或以该字符串开头后跟连字符 (-) 的元素。
  • 属性包含选择器[name*="value"]
    选择具有指定属性且值包含给定子字符串的元素。
  • 属性包含单词选择器[name~="value"]
    选择具有指定属性的元素,其值包含给定单词,由空格分隔。
  • 属性以选择器[name$="value"]结尾
    选择具有指定属性且值恰好以给定字符串结尾的元素。比较区分大小写。
  • 属性等于选择器[name="value"]
    选择具有与某个值完全相等的指定属性的元素。
  • 属性不等于选择器[name!="value"]
    选择不具有指定属性或具有指定属性但不具有特定值的元素。
  • 属性以选择器[name^="value"]开头
    选择具有指定属性且其值正好以给定字符串开头的元素。
  • :button 选择器
    选择所有按钮元素和按钮类型的元素。
  • :checkbox 选择器
    选择复选框类型的所有元素。
  • :checked 选择器 匹配所有选中或选择的元素。
  • 子选择器 ("parent > child")
    选择“parent”指定的元素的“child”指定的所有直接子元素。
  • 类选择器(“.class”)
    选择具有给定类的所有元素。
  • :contains() 选择器
    选择包含指定文本的所有元素。
  • 后代选择器 ("ancestor descendant")
    选择作为给定祖先的后代的所有元素。
  • :禁用选择器
    选择所有禁用的元素。
  • 元素选择器(“元素”)
    选择具有给定标签名称的所有元素。
  • :空选择器
    选择所有没有子元素的元素(包括文本节点)。
  • :启用选择器
    选择所有启用的元素。
  • :eq() 选择器
    在匹配集中选择索引 n 处的元素。
  • :偶数选择器
    选择偶数元素,零索引。又见奇数。
  • :文件选择器
    选择文件类型的所有元素。
  • :first-child 选择器
    选择作为其父级的第一个子级的所有元素。
  • :first-of-type Selector
    选择所有具有相同元素名称的兄弟元素中的第一个元素。
  • :第一个选择器
    选择第一个匹配的元素。
  • :焦点选择器
    如果元素当前处于焦点,则选择它。
  • :gt() 选择器
    选择匹配集中索引大于索引处的所有元素。
  • 具有属性选择器 [名称]
    选择具有指定属性且具有任何值的元素。
  • :has() 选择器
    选择至少包含一个与指定选择器匹配的元素的元素。
  • :标题选择器
    选择作为标题的所有元素,如 h1、h2、h3 等。
  • :隐藏选择器
    选择所有隐藏的元素。
  • ID 选择器(“#id”)
    选择具有给定 id 属性的单个元素。
  • :图片选择器
    选择图像类型的所有元素。
  • :输入选择器
    选择所有输入、文本区域、选择和按钮元素。
  • :lang() 选择器
    选择指定语言的所有元素。
  • :last-child 选择器
    选择作为其父级的最后一个子级的所有元素。
  • :last-of-type Selector
    选择所有具有相同元素名称的兄弟姐妹中的最后一个元素。
  • :最后一个选择器
    选择最后一个匹配的元素。
  • :lt() 选择器
    选择匹配集中索引小于索引的所有元素。
  • **多属性选择器 [name="value"][name2="value2"] 匹配与所有指定属性过滤器匹配的元素。
  • 多重选择器(“selector1, selector2, selectorN”)
    选择所有指定选择器的组合结果。
  • 下一个相邻选择器(“prev + next”)
    选择与“next”匹配的所有下一个元素,这些元素紧跟在同级“prev”之前。
  • 下一个兄弟姐妹选择器(“上一个~兄弟姐妹”)
    选择“prev”元素之后的所有兄弟元素,具有相同的父元素,并匹配过滤“siblings”选择器。
  • :not() 选择器
    选择与给定选择器不匹配的所有元素。
  • :nth-child() 选择器
    选择作为其父级的第 n 个子级的所有元素。
  • :nth-last-child() 选择器
    选择作为其父元素的第 n 个子元素的所有元素,从最后一个元素计数到第一个元素。
  • :nth-last-of-type() 选择器
    选择作为其父元素的第 n 个子元素的所有元素,从最后一个元素计数到第一个元素。
  • :nth-of-type() 选择器
    选择与具有相同元素名称的同级相关的父级的第 n 个子级的所有元素。
  • :奇数选择器
    选择奇数元素,零索引。亦见。
  • :only-child 选择器
    选择作为其父级唯一子级的所有元素。
  • :only-of-type 选择器
    选择没有具有相同元素名称的兄弟的所有元素。
  • :父选择器
    选择具有至少一个子节点的所有元素(元素或文本)。
  • :密码选择器
    选择密码类型的所有元素。
  • :收音机选择器
    选择无线电类型的所有元素。
  • :重置选择器
    选择所有类型为 reset 的元素。
  • :root 选择器
    选择作为文档根的元素。
  • :selected 选择器
    选择所有被选中的元素。
  • :提交选择器
    选择提交类型的所有元素。
  • :目标选择器
    选择由文档 URI 的片段标识符指示的目标元素。
  • :文本选择器
    选择文本类型的所有元素。
  • :可见选择器
    选择所有可见的元素。

来源:http://api.jquery.com/category/selectors/

【讨论】:

  • 在 cmets 中有一个链接就足够了
猜你喜欢
  • 2015-04-03
  • 1970-01-01
  • 2014-08-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-10-02
  • 2014-08-20
  • 2014-01-16
相关资源
最近更新 更多