jQuery的常用选择器

jQuery选择器

jQuery选择器有很多，主要分为基本选择器，层级选择器，基本过滤选择器，内容过滤选择器，可见性过滤器选择器，属性过滤器选择器，表单选择器等等。

一般常用的有这些：

1基本

#id       用于搜索通过元素的 id 属性给定的值

Element    用于搜索DOM 节点的标签名

.class    查找对应的类名

selector1,selector2,selectorN    并集选择器

2.层级

ancestor descendan    

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

parent > child      

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

prev + next

匹配所有紧接在 prev 元素后的 next 元素 （相邻选择器）

prev ~ siblings

匹配 prev 元素之后的所有 siblings 元素 （兄弟选择器）

3.基本过滤选择器

:first            （获取第一个元素）

:last

:not

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

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

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

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

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

:header      （匹配如 h1, h2, h3之类的标题元素）

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

4. 内容过滤器选择器

:contains

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

:has

:parent

5.可见性过滤器选择器

:hidden

:visible

6．属性过滤器选择器

[attribute]               （查找包含给定属性的元素）

[attribute=value]

[attribute!=value]

[attribute^=value]

[attribute$=value]

[attribute*=value]

7.子元素过滤器选择器

:nth-child

:first-child           （查找第一个子元素）

:last-child

:only-child

 

8.表单选择器

:input                 （查找所有的input元素）

:text

:password              （查找所有密码框）

:radio

:checkbox

:submit

:image

:reset

:button

:file

:hidden                （查找隐藏的元素）

9．表单过滤器选择器

:enabled       （查找所有可用的input元素）

 

:disabled

:checked

:selected     （查找所有选中的选项元素）