jQuery选择器

一、基本选择器

1、ID选择器：$("#id");

选择一个具有给定id属性的单个元素

2、class选择器：$(".class");

选择给定样式类名的所有元素

3、标签/元素选择器：$(“element”);

根据给定（html）标记名称选择所有的元素

4、通用选择器：$("*");

匹配所有元素

5、群组选择器：$(“selector1,selector2”)

您可以指定任何数量的选择器组合成一个单一的结果。这个多个表达组合是一种有效的方法来选择不同的元素

二、层次选择器

1、descendant selector ：$(“ancestor descendant”);

选择给定的祖先元素的所有后代元素
一个元素的后代可能是该元素的一个孩子，孙子，曾孙等

2、parent>child:$(“parent>child”)

直系后代选择器:选择所有指定“parent”元素中指定的"child"的直接子元素

3、prev+next:$(“parent+next”)

选择所有紧接在 “prev” 元素后的 “next” 元素

4、prev_{siblings:$("prev}siblings")

匹配 “prev” 元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器

三、过滤选择器

1、基本过滤选择器

1-1 :first 选择第一个
1-2 :last 选择最后一个
1-3 :not(x) 除了x以外
1-4 :even(偶数)和:odd(奇数)
1-5 :eq(index) 取指定索引(索引从0开始)的元素
1-6 :gt(x) 和 :lt(y) 取大于 x 索引或小于 y 索引的元素
1-7 :header 选择h1到h6标题元素

2、内容过滤选择器

2-1 :contains(text) 取包含text文本的元素
2-2 :empty 取不包含子元素或文本为空的元素
2-3 :has(selector) 取选择器匹配的元素
2-4 :parent 取包含子元素或文本的元素

3、可见性过滤选择器

3-1：hidden 只有display: none;/input type="hidder"起作用 opacity: 0;/visibility: hidden;不起作用
3-2 :visible
元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。
不在文档中的元素是被认为隐藏的;jQuery没有办法知道他们是否是可见的，因为元素可见性依赖于适用的样式。
此选择器正好与:hidden选择器相反。
因此，通过:visible选择的每一个元素，不能通过:hidden选择匹配，反之亦然。
所有 option 元素是被认为是隐藏的， 不管他们是否selected（选中）状态.

4、属性过滤选择器

4-1 [attribute] 取拥有 attribute 属性的元素
4-2 [attribute=value]/[attribute!=value] 取attribute等于value/不等于value的元素
4-3 [attribute^=value]/[attribute$=value]/[attribute*=value] 取attribute以value开头/以value结束/包含value的元素
4-4 [selector][selector]复合选择器

5、子元素过滤选择器

5-1 :first-child和:last-child 取第一个/最后一个元素
5-2 :only-child 当某个元素是父元素唯一的子元素时…
5-3 :nth-child(x)/nth-child(even/odd)/nth-child(x+y)

6、表单属性过滤选择器

6-1 :enabled和:disabled(取可用或不可用元素)
6-2 :checked(取选中的单选或复选按钮)
6-3 :selected

四、表单选择器

:input
:text
:password
:radio
:checkbox
:image
:submit
:file
:button
:reset