分类:选择器 | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.1)

分类:选择器


借鉴了CSS1-3中的选择器,然后加入了自己一些选择器, jQuery提供了一套强大的工具,用于匹配一组文档中的元素。

使用任何的元字符(如 !"#$%&'()*+,./:;<=>?@[\]^`{|}~)作为名称的文本部分, 它必须被两个反斜杠转义:\\。 例如,id="foo.bar"的元素, 可以使用选择器 $("#foo\\.bar")(感谢网友@xieyunzi斧正)。 W3C的CSS规范中包含了一整套关于有效的CSS选择器规则。 也参考了Mathias Bynens博客上 CSS字符转义序列标识符条目。

Also in: Selectors > Basic

All Selector (“*”)

选择所有元素.

Also in: Selectors > Basic Filter | Selectors > jQuery Extensions

:animated Selector

选择所有正在执行动画效果的元素.

Also in: Selectors > Attribute

Attribute Contains Prefix Selector [name|="value"]

选择指定属性值等于给定字符串或以该字符串为前缀(该字符串后跟一个连字符“-” )的元素。

Also in: Selectors > Attribute

Attribute Contains Selector [name*="value"]

选择指定属性具有包含一个给定的子字符串的元素。(选择给定的属性是以包含某些值的元素)

Also in: Selectors > Attribute

Attribute Contains Word Selector [name~="value"]

选择指定属性用空格分隔的值中包含一个给定值的元素。

Also in: Selectors > Attribute

Attribute Ends With Selector [name$="value"]

选择指定属性是以给定值结尾的元素。这个比较是区分大小写的。

Also in: Selectors > Attribute

Attribute Equals Selector [name="value"]

选择指定属性是给定值的元素。

Also in: Selectors > Attribute | Selectors > jQuery Extensions

Attribute Not Equal Selector [name!="value"]

选择不存在指定属性,或者指定的属性值不等于给定值的元素。

Also in: Selectors > Attribute

Attribute Starts With Selector [name^="value"]

选择指定属性是以给定字符串开始的元素

Also in: Selectors > Form | Selectors > jQuery Extensions

:button Selector

选择所有按钮元素和类型为按钮的元素。

Also in: Selectors > Form | Selectors > jQuery Extensions

:checkbox Selector

选择所有类型为复选框的元素。

Also in: Selectors > Form

:checked Selector

匹配所有勾选的元素。

Also in: Selectors > Hierarchy

Child Selector (“parent > child”)

选择所有指定“parent”元素中指定的"child"的直接子元素。

Also in: Selectors > Basic

Class Selector (“.class”)

选择给定样式类名的所有元素。

Also in: Selectors > Content Filter

:contains() Selector

选择所有包含指定文本的元素。

Also in: Selectors > Hierarchy

Descendant Selector (“ancestor descendant”)

选择给定的祖先元素的所有后代元素。

Also in: Selectors > Form

:disabled Selector

选择所有被禁用的元素。

Also in: Selectors > Basic

Element Selector (“element”)

根据给定(html)标记名称选择所有的元素。

Also in: Selectors > Content Filter

:empty Selector

选择所有没有子元素的元素(包括文本节点)。

Also in: Selectors > Form

:enabled Selector

选择所有可用的元素。

Also in: Selectors > Basic Filter | Selectors > jQuery Extensions

:eq() Selector

在匹配的集合选择索引值为n的元素。

Also in: Selectors > Basic Filter | Selectors > jQuery Extensions

:even Selector

选择偶数元素,从 0 开始计数。 也可以查看 odd.

Also in: Selectors > Form | Selectors > jQuery Extensions

:file Selector

选择所有类型为文件(file)的元素。

Also in: Selectors > Child Filter

:first-child Selector

选择所有父级元素下的第一个子元素。

Also in: Selectors > Child Filter

:first-of-type Selector

选择所有相同的元素名称的第一个兄弟元素。

Also in: Selectors > Basic Filter | Selectors > jQuery Extensions

:first Selector

选择第一个匹配的元素。

Also in: Selectors > Basic Filter | Selectors > Form

:focus Selector

选择当前获取焦点的元素。

Also in: Selectors > Basic Filter | Selectors > jQuery Extensions

:gt() Selector

选择匹配集合中所有大于给定index(索引值)的元素。

Also in: Selectors > Attribute

Has Attribute Selector [name]

选择所有具有指定属性的元素,该属性可以是任何值。

Also in: Selectors > Content Filter | Selectors > jQuery Extensions

:has() Selector

选择元素其中至少包含指定选择器匹配的一个种元素。

Also in: Selectors > Basic Filter | Selectors > jQuery Extensions

:header Selector

选择所有标题元素,像h1, h2, h3 等.

Also in: Selectors > jQuery Extensions | Selectors > Visibility Filter

:hidden Selector

选择所有隐藏的元素。

Also in: Selectors > Basic

ID Selector (“#id”)

选择一个具有给定id属性的单个元素。

Also in: Selectors > Form | Selectors > jQuery Extensions

:image Selector

选择所有图像类型的元素。

Also in: Selectors > Form | Selectors > jQuery Extensions

:input Selector

选择所有 input, textarea, select 和 button 元素.

Also in: Selectors > Basic Filter

:lang Selector

选择指定语言的所有元素。

Also in: Selectors > Child Filter

:last-child Selector

选择所有父级元素下的最后一个子元素。

Also in: Selectors > Child Filter

:last-of-type Selector

选择所有相同的元素名称的最后一个兄弟元素。

Also in: Selectors > Basic Filter | Selectors > jQuery Extensions

:last Selector

选择最后一个匹配的元素。

Also in: Selectors > Basic Filter | Selectors > jQuery Extensions

:lt() Selector

选择匹配集合中所有小于给定index索引值)的元素。

Also in: Selectors > Attribute

Multiple Attribute Selector [name="value"][name2="value2"]

选择匹配所有指定的属性筛选器的元素

Also in: Selectors > Basic

Multiple Selector (“selector1, selector2, selectorN”)

将每一个选择器匹配到的元素合并后一起返回。

Also in: Selectors > Hierarchy

Next Adjacent Selector (“prev + next”)

选择所有紧接在 “prev” 元素后的 “next” 元素

Also in: Selectors > Hierarchy

Next Siblings Selector (“prev ~ siblings”)

匹配 “prev” 元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“兄弟姐妹”选择器。

Also in: Selectors > Basic Filter

:not() Selector

选择所有元素去除不匹配给定的选择器的元素。

Also in: Selectors > Child Filter

:nth-child() Selector

选择的他们所有父元素的第n个子元素。

Also in: Selectors > Child Filter

:nth-last-child() Selector

选择的他们所有父元素的第n个子元素。计数从最后一个元素到第一个。

Also in: Selectors > Child Filter

:nth-last-of-type() Selector

选择的他们所有父元素的第n个子元素。计数从最后一个元素到第一个。

Also in: Selectors > Child Filter

:nth-of-type() Selector

选择他们父元素的兄弟元素中所有第n个子元素,且相同的元素名称。

Also in: Selectors > Basic Filter | Selectors > jQuery Extensions

:odd Selector

选择奇数元素,从 0 开始计数。同样查看偶数 even.

Also in: Selectors > Child Filter

:only-child Selector

选择所有其父元素下只有一个子元素的元素。

Also in: Selectors > Child Filter

:only-of-type Selector

选择所有元素没有兄弟元素具有相同的元素名称的所有元素。

Also in: Selectors > Content Filter | Selectors > jQuery Extensions

:parent Selector

选择所有含有子元素或者文本的父级元素。

Also in: Selectors > Form | Selectors > jQuery Extensions

:password Selector

选择所有类型为密码的元素。

Also in: Selectors > Form | Selectors > jQuery Extensions

:radio Selector

选择所有类型为单选框的元素。

Also in: Selectors > Form | Selectors > jQuery Extensions

:reset Selector

选择所有类型为重置的元素。

Also in: Selectors > Basic Filter

:root Selector

选择该文档的根元素。

Also in: Selectors > Form | Selectors > jQuery Extensions

:selected Selector

选择所有被选中的元素。

Also in: Selectors > Form | Selectors > jQuery Extensions

:submit Selector

选择所有类型为提交的元素。

Also in: Selectors > Basic Filter

:target Selector

选择 由文档URI的格式化识别码表示的目标元素。

Also in: Selectors > Form | Selectors > jQuery Extensions

:text Selector

选择所有类型为文本的元素。

Also in: Selectors > jQuery Extensions | Selectors > Visibility Filter

:visible Selector

选择所有可见的元素。