Jquery选择器小节

在学习Jquery选择器之前我们先简单的回想一下CSS选择器；

以下为CSS常用选择器：

 

选择器	语法	描述	示例
标签选择器	E{CSS规则 }	以文档元素作为选择器	1 tr{ 2 　　border: solid 1px red; 3 　　width: 120px; 4 } 5 a{ 6 　　text-decoration: none; 7 }
ID选择器	#ID{CSS规则 }	以文档的唯一标识符ID作为选择符	1 ＃note{ 2 　　border: solid 1px red; 3 　　width: 120px; 4 }
类选择器	E.className{CSS规则 }	以文档元素的class作为选择符	1 div.note{ 2 　　border: solid 1px red; 3 　　width: 120px; 4 } 5 .note{ 6 　　border: solid 1px red; 7 　　width: 120px; 8 }
群组选择器	E1,E2,E3{CSS规则 }	多个选择符应用同样的样式	td,p,div.aa{ 　　font-size: 12px; 　　width: 120px; }
后代选择器	E F{CSS规则 }	元素E的任意后代元素F	#main div{ 　　border: solid 1px red; 　　width: 120px; }
通配选择符	＊{CSS规则 }	以文档的所有元素作为选择符	*{ 　　font-size:12px; }

 

• Jquery基本选择器

　　基本选择器是Jquery中最常用的选择器，也是最简单的选择器，它通过元素ID、class和标签等查找DOM元素。在网页中每一个ID名称只能出现一次，class允许出现多次。基本选择器的介绍说明如下：

选择器	说明	示例	返回结果
＃id	根据给定的id匹配一个元素	$('#test')：选取id为test的元素	单个元素
.class	根据给定的类名匹配元素	$('.test')：远去所有的class为test的元素	集合元素
element	根据给定的元素名匹配元素	$('p')：选取所有的p元素	集合元素
*	匹配所有的元素	$('*')：选取所有的元素	集合元素
selector1, selector2, selector3...	将每一个选择器匹配到的元素合并后一起返回	$('div,span,p.myClass'):选取所有的div,span和拥有class为myClass的p元素	集合元素

 

•  Jquery层次选择器

转载于:https://www.cnblogs.com/thenear/p/4040465.html