jQuery伪类选择器

一、简单伪类选择器

:not(selector)  选择除了某个选择器之外的所有元素

:first或first()     选择某元素的第一个元素(非子元素)

:last或last()       选择某元素的最后一个元素(非子元素)

:odd                   选择某元素的索引值为奇数的元素

:even                 选择某元素的索引值为偶数的元素

:eq(index)         选择给定索引值的元素,索引值index是一个整数,从0开始

:it(index)           选择所有小于索引值的元素,索引值index是一个整数,从0开始

:gt(index)         选择所有大于索引值的元素,索引值index是一个整数,从0开始

:header             选择h1~h6的标题元素

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

:root                选择页面的根元素

:target               选择当前活动的目标元素(锚点)

二、子元素伪类选择器

:first-child         选择父元素的第一个子元素

:last-child         选择父元素的最后1个子元素

:nth-child(n)     选择父元素下的第n个元素或奇偶元素,n的值为“整数|odd|even"

:only-child        选择父元素中唯一的子元素(该父元素只有一个子元素)

:first-of-type     选择同元素类型的第1个同级兄弟元素

:last-of-type      选择同元素类型的最后1个同级兄弟元素

:nth-of-type       选择同元素类型的第n个同级兄弟元素,n的值可以是“整数|odd|even"

:only-of-type     匹配父元素中特定类型的唯一子元素(但是父元素可以有多个子元素)

三、可见性伪类选择器

:hidden             选取所有不可见元素

:visible              选取所有可见元素,与:hidden相反

四、内容伪类选择器

:contains(text)   选择包含给定文本内容的元素

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

:empty                选择所有不包含子元素或者不包含文本的元素

:parent                选择含有子元素或者文本的元素(跟:empty相反)

五、表单伪类选择器

:input                 选择所有input元素

:button               选择所有普通按钮,即type="button"的input元素

:submit               选择所有提交按钮,即type="submit“的input元素

:reset                  选择所有重置按钮,即type="rest"的input元素

:text                    选择所有单行文本框

:textarea             选择所有多行文本框

:password          选择所有密码文本框

:radio                  选择所有单选按钮

:checkbox          选择所有复选框

:image                选择所有图像域

:hidden               选择所有隐藏域

:file                      选择所有文件域

六、表单属性伪类选择器

:checked            选择所有被选中的表单元素,一般用于radio和checkbox

option:selected  选择所有被选中的option元素

:enabled              选择所有可用元素,一般用于input、select和textarea

:disabled             选择所有不可用元素,一般用于input、select和textarea

:read-only           选择所有只读元素,一般用于input和textarea

:focus                  选择获得焦点的元素,常用于input和textarea

你可能感兴趣的:(jQuery伪类选择器)