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     (查找所有选中的选项元素)

 

猜你喜欢

转载自blog.csdn.net/tjy1214/article/details/82387481