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层次选择器
posted @ 2014-10-21 15:25  qiongyoo  阅读(100)  评论(0)  编辑  收藏  举报