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 |