JQuery基本选择器

JQuery-基本选择器

　　又来跟大家分享一下，今天分享的是：JQuery中最常用的选择器 -基本选择器。它通过元素id,class和标签名来查找DOM元素。在网页中，每个id只能使用一次,class允许重复使用。

1、#id,根据给定的id匹配一个元素，如：$("#test")选取id为test的元素。

改变id为one的元素的背景色：
$("#one").css("background","#bbffaa");

2、.class,根据给定的类名匹配元素，如：$(".test")选取所有class未test的元素

改变class为mimi的所有元素的背景色：
$('.mini').css("background","#bbffaa");

3、element,根据给定的元素名匹配元素,如：$("p")选取所有的<p>元素

改变元素名是<div>的所有元素的背景色:
$('div').css("background","#bbffaa");

4、*,匹配所有元素,如：$("*")选取所有的元素

改变所有元素的背景色：
$('*').css("background","#bbffaa");

5、selector1,selector2,....,selectorN，将每一个选择器匹配到的元素合并后一起返回，如：$("div,span,p.myClass")选取所有<div>,<span>和拥有class为myClass的<p>标签的 一组元素

改变所有的<span>元素的id为two的元素的背景色：
$('span,#two').css("background","#bbffaa");