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");
原文地址:https://www.cnblogs.com/zknu/p/3069144.html