jquery自学系列二：选择器（上）

再讲解jquery选择器之前我们先学习一下CSS选择器

css选择器

选择器	语法	描述	示例
标签选择器	E{   CSS规则 }	以文档元素作为选择符	td{   font-size:14px;   with:120px; } a{   text-decoration:none; }
ID选择器	#ID{   CSS规则 }	以文档元素的唯一标示符ID 作为选择器	#note{   font-size:14px;   with:120px; }
类选择器	E.className{   CSS规则 }	以文档元素的class作为选择符	div.note{   font-size:14px; } .dream{   width:50px; }
群组选择器	E1E2,E3{   CSS规则 }	多个选择符应用同样的 样式规则	td,p,div.a{   font-size:14px; }
后代选择器	E F{   CSS规则 }	以E的任意后代F作为选择符	#links a{   font-size:14px;   with:120px; }
通配选择符	*{   CSS规则 }	以文档的所有元素作为选择符	*{   font-size:14px;   with:120px; }

jquery选择器的分类：

a）基本选择器（basic）

b）层次选择器（level）

c）过滤选择器（filter）

d）表单选择器（form）

下面先介绍一下基本选择器：

jquery基本选择器

选择器	描述	返回	示例
#id	根据给定的id匹配一个元素	单个元素	$("#test")选取id为test的元素，如果存在只返回一个， 如果不存在，返回一个空的jquery对象
.class	根据给定的类名匹配元素	集合元素	$(".test")选取所有class为test的元素
element	根据给定的元素名匹配元素	集合元素	$("p")选取所有<p>元素
*	匹配所有元素	集合元素	$("*")选取所有的元素
selector1，selector2，……	将每一个选择器匹配到元素 合并后一起返回	集合元素	$("span,div,p.myclass")选取所有<div><span>和拥有 class为myclass的<p>标签的一组元素