基本

*

匹配所有元素

element

根据给定的元素标签名匹配所有元素

.class

根据给定的css类名匹配元素

#id

根据给定的ID匹配一个元素

属性

[name]

匹配包含给定属性的元素

[name|­="va­lue­"]

匹配给定的属性是某个特定值的元素

[name*­="va­lue­"]

匹配给定的属性是以包含某些值的元素

[name~­="va­lue­"]

包含某一词

[name^­="va­lue­"]

匹配给定的属性是以某些值开始的元素

[name$­="va­lue­"]

匹配给定的属性是以某些值结尾的元素

[name=­"­val­ue"]

匹配给定的属性是某个特定值的元素

[name!­="va­lue­"]

匹配所有不含有指定的属性,或者属性不等于特定值的元素

[name=­"­v"][­nam­e2=­"­v2"]

多个属性

表单控件

:button

匹配所有按钮

:checkbox

匹配所有复选框

:submit

匹配所有提交按钮

:text

Text

:password

匹配所有密码框

:radio

Radio

:reset

Reset

:file

File

:image

匹配所有图像域

:input

匹配所有 input, textarea, select 和 button 元素

函数

:conta­ins­(text)

包含指定文本的元素

:eq(n)

匹配集合中索引n处的元素

:gt(n)

匹配集合中索引大于n的元素

:lt(n)

索引处的元素小于匹配集内的索引

:has(s­ele­ctor)

包含至少一个与指定选择器匹配的元素的元素

:not(s­ele­ctor)

与给定选择器不匹配的元素

:nth-c­hild()

作为其父代的第n个子元素

:empty

没有子节点的元素(包括文本节点)

:even

偶数元素,零索引

:first

获取匹配的第一个元素

:header

头元素 h1, h2, h4等

:last

获取最后个元素

:odd

奇数元素,零索引

元素状态

:checked

检查

:animated

动画

:disabled

禁用

:enabled

启用

:focus

聚焦

:selected

选中

:visible

可见

:hidden

隐藏

层级

parent > child

在给定的父元素下匹配所有的子元素

ancestor descendant

在给定的祖先元素下匹配所有的后代元素

selector1, selector2, selectorN

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

prev + next

匹配所有紧接在 prev 元素后的 next 元素

prev ~ siblings

匹配 prev 元素之后的所有 siblings 元素

:first­-child

父元素的第一个元素

:last-­child

父元素的最一个元素

:only-­child

如果某个元素是父元素中唯一的子元素,那将会被匹配

:parent

匹配含有子元素或者文本的元素