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