选择器用法

选择器

#id

element

.class

*

selertor1,selector2 （逗号）

ancestor descendant （祖先元素的所有后代元素）

parent > child （父元素的所有子元素）

prev + next（所有紧接在prev元素后面的next元素）

prev ~ siblings（匹配prev元素后面的所有与prev同辈的siblings元素）

:first

:last

:not(selector)     $("input":not(:checked)")

:even（匹配所有索引值为偶数的元素，从0开始）

:odd（匹配所有索引值为奇数的元素，从0开始）

:eq()（匹配一个给定索引值的元素）

:gt()（匹配所有大于给定索引值的元素）

:lt()（匹配所有小于给定索引值的元素）

:header()（匹配所有标题元素）

:animated()（匹配所有正在执行动画效果的元素）

:focus()（触发每一个匹配元素的focus事件，设置焦点）

:contains(text)（匹配包涵给定文本的元素）

:empty（匹配所有不包含子元素或者文本的空元素）

:has(selector)（匹配含有选择器所匹配的元素的元素）

:parent（元素或文本的父元素）

:hidden （type:hidden display:none）

:visible（所有可见元素）

[attribute]（属性）

[attribute=value]（单引号可选，在有中括号时必须加上）

[attribute！=value]（不含指定属性 属性值不等指定元素）

[attribute^=value]（匹配给定的属性是以某些值开始的元素）

[attribute$=value]（匹配给定的属性是以某些值结尾的元素）

[attribute*=value]（匹配给定的属性是以包含某些值的元素）

[selertor1][selector2]（复合属性选择器，需要同时满足多个条件时使用）

:nth-child（':eq(index)' 只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！<br>:nth-child(even)<br>:nth-child(odd)

<br>:nth-child(3n)<br>:nth-child(2)<br>:nth-child(3n+1)<br>:nth-child(3n+2)）

:first-child（':first' 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素）

:last-child（':last'只匹配一个元素，而此选择符将为每个父元素匹配一个子元素）

:only-child（如果某个元素是父元素中唯一的子元素，那将会被匹配）

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

:text

:password

:radio

:checkbox

:submit

:image

:reset

:button

:file

:hidden

:enabled

:disabled

:checked

:selected