群组选择器,就是同时对几个选择器进行相同的操作。
语法:
$( "选择器1 , 选择器2 ,……,选择器n" )
|
说明:
对于群组选择器,两个选择器之间必须用“,”(英文逗号)隔开,不然群组选择器无法生效。
举例:
<!DOCTYPE html>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<title></title>
<script src=
"jquery-1.12.0.min.js"
type=
"text/javascript"
></script>
<script type=
"text/javascript"
>
$(
function
() {
$(
"h3,div,p,span"
).css(
"color"
,
"red"
);
})
</script>
</head>
<body>
<h3>绿叶学习网</h3>
<div>绿叶学习网</div>
<p>绿叶学习网</p>
<span>绿叶学习网</span>
</body>
</html>
在浏览器预览效果如下:
分析:
$("h3,div,p,span").css("color","red")表示选中所有的h3元素、div元素、p元素和span元素,然后设置这些元素的字体颜色为red。
$(
function
() {
$(
"h3,div,p,span"
).css(
"color"
,
"red"
);
})