学步园

基本选择器

功能

#id

根据指定的id查找一个匹配页面元素

element

根据指定的元素查找所有匹配的页面元素

.class

根据指定的类查找所有匹配的页面元素

*

匹配所有元素

selector1，selectorN

将多个选择器匹配的元素合并在一起返回

层次选择器

功能

ancestor descendant

根据祖先元素匹配所有的后代元素

parent>child

根据父元素匹配所有的子元素

prev+next

匹配所有紧接在pre元素后的相邻元素

prev~siblings

匹配prev元素之后的所有兄弟元素

简单过滤选择器

功能

:first或first()

获取第一个元素

:last或last()

获取最后一个元素

:not(selector)

获取除给定选择器外的所有元素

:even

获取所有索引值为偶数的元素，索引号从0开始

:odd

获取所有索引值为奇数的元素，索引号从0开始

:eq(index)

获取指定索引值的元素，索引号从0开始

:gt(index)

获取所有大于给定索引值的元素，索引号从0开始

:lt(index)

获取所有小于给定索引值的元素，索引号从0开始

:header

获取所有标题类型的元素，如h1，h2，...

:animated

获取正在执行动画效果的元素

内容过滤选择器

功能

:contains(text)

获取包含指定文本的元素

:empty

获取所有不包含子元素或者文本的空元素

:has(selector)

获取含有选择器所匹配的元素的元素

:parent

获取含有子元素或者文本的元素

可见性过滤选择器

功能

:hidden

获取所有不可见的元素，或者type为hidden的元素

:visible

获取所有的可见元素

属性过滤选择器

功能

[attribute]

获取包含给定属性的元素

[attribute=value]

获取等于给定的属性是某个特定值的元素

[attribute!=value]

获取不等于给定的属性是某个特定值的元素

[attribute^=value]

获取给定的属性是以某些值开始的元素

[attribute$=value]

获取给定的属性是以某些值结尾的元素

[attribute*=value]

获取给定的属性是以包含某些值的元素

[selector1][selector2][selectorN]

获取满足多个条件的符合属性的元素

子元素过滤选择器

功能

:nth-child(eq|even|odd|index)

获取每个父元素下的特定位置元素，索引号从1开始

:first-child

获取每个父元素下的第一个子元素

:last-child

获取每个父元素下的最后一个子元素

:only-child

获取每个父元素下的仅有一个子元素

表单对象属性过滤选择器

功能

:enabled

获取表单中所有属性为可用的元素

:disabled

获取表单中所有属性为不可用的元素

:checked

获取表单中所有被选中的元素

:selected

获取表单中所有被选中option的元素

表单选择器

功能

:input

获取所有input、textarea、select

:text

获取所有单行文本框

:password

获取所有密码框

:radio

获取所有单选按钮

:checkbox

获取所有复选框

:submit

获取所有提交按钮

:image

获取所有图像域

:reset

获取所有重置按钮

:button

获取所有按钮

:file

获取所有文件域