jquery选择器分类

 

 

jquery 基本选择器类型
类型	对象
标签	body，div，p，table…
ID	#myid…
类	.class

 

 

 

jquery基本选择器组合
组合	example	说明
标签 标签 …	ul ul li a	ul的子元素ul中li标签下的A元素
标签.类	ul.list	类为list的ul元素
标签#ID	DIV#someDiv	ID为somediv的div
.类 标签	.myList ul li a
.类 .类	.myList .liclass
.类 #ID	.myList #myli	一般id是独立的，$(#id) 只会返回找到的第一个ID，但是如果有2个的话，示例中的选择器也会起作用
#ID 标签	#languages tr
#ID #ID
#ID .类	#languages .liclass

 

 

 

 

jquery高级选择器
:first	*：first 返回第一个元素，li：first 返回第一个li元素	与*：selector等价，*号可以用 类 标签 ID
:last
:first-child	第一个子元素，包括嵌套内部的首元素
:last-child
:only-child	没有兄弟节点的元素，即同级块内没有相同的元素，
:nth-child	同*，nth-child(0)
:nth-child(n)	第N个元素，从1开始 *:nth-child dom树的所以一个分支节点
:nth-child(even|odd)	奇偶
:nth-child(Xn+Y)
:even
:odd
:eq(n)
:gt(n)
:lt(n)

 

 

 

jquery自定义选择器
:animated		与*：selector等价，*号可以用 类 标签 ID
:button	匹配所有button标签，包括html5的button 标签和 <input type="button" vaule="ss"/>
:checkbox
:checked	被选择的复选框
:contains(text)	包含文本的元素，*一直匹配到他的所有祖先元素，包括html. Div:contains(text)一直匹配的div，
:disabled
:enabled
:file	匹配《Input type="file" />
:header	匹配 H1，H2，H3… 等标题
:hidden	匹配隐藏
:image	匹配<input type="Image" />
:input
:not(filter)	反向筛选
:parent	匹配有子元素的元素
:password	匹配<input type="password" />
:radio
:reset
:selected
:submit
:text	匹配<input type="TEXT" />
:visible

 

 

 

jquery特殊选择器
选择器	说明
*	匹配任何元素
E	匹配标签名称为E的所有元素
E F	匹配标签名称为 F 作为E的后代节点的所有元素
E>F	匹配标签名称为F的，作为E的直接子节点的所有元素
E+F	匹配前面是临进兄弟节点E的所有元素（EF紧接着）
E~F	匹配前面是任何兄弟节点E的的所有元素F（EF可以不紧接着）
E:has(F)	匹配标签名称为E至少有一个标签名称为F的后代节点的所有元素
E.C	匹配带有类名C的所有元素E。.C等效于*.C
E#I	匹配id特征值为I的元素E，#i等效于*.#i
E[A]	匹配带有特性A的所有元素E（不管特性A的值是什么）
E[A=V]	匹配所有元素E，其特性A的值等于V
E[A^=V]	匹配所有元素E，其特性A的值以V开头
E[A$=V]	匹配所有元素E，其特性A的值以V结尾
E[A*=V]	匹配所有元素E，其特性A的值包含V