jQuery基本选择器

基本选择器

基本选择器是jQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class和标签名等来查找DOM元素。

基本选择器

选择器	描述	返回	示例
#id	根据给定的id匹配一个元素	单个元素	$("#cr")选取id为cr的元素
.class	根据给定的类名匹配元素	集合元素	$(".cr")选取所有class为cr的元素
element	根据给定的元素名匹配元素	集合元素	$("p")选取所有的<p>元素
*	匹配所有的元素	集合元素	$("*")选取所有的元素
selector1,selector2.....	将每一个选择器匹配到的元素合并后返回	集合元素	$("div,span")选取所有的<div>和<span>元素

 

 

 

 

 

 

 

 

 

基本选择器示例

功能	代码	执行效果
改变id为one的元素背景	$("#one").css("backgroundColor","#eee");
改变class为two的元素背景	$(".two").css("backgroundColor","#eee");
改变元素名是<p>的元素背景	$("p").css("backgroundColor","#eee");
改变所有元素背景	$("*").css("backgroundColor","#eee");
改变所有的<p>和id为two的元素背景	$("p,#two").css("backgroundColor","#eee");