想要使用jQuery选择器选择多个元素，要怎么实现？下面本篇文章就来给大家介绍jQuery选择器选择多个元素的方法，希望对大家有所帮助。
在jQuery中，可以使用以逗号(，)分隔的元素选择器列表–多个元素选择器，或*选择器来选择多个元素。
多个元素选择器可用于选取多个元素，需要使用逗号分隔每个元素。
*选择器选取文档中的所有元素，包括 html、head 和 body。如果 * 选择器与其他元素一起使用，该选择器选取指定元素中的所有子元素。
语法：
多个元素选择器
$("element1,element2,element3,...")
*选择器
$("*")
参数：
● element：用于指定要选择的元素，必需参数，不可删除。
示例1：使用多个元素选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>欢迎来的这里！</h1>
<h2>Hello</h2>
<p>测试文本！p元素</p>
<div class="demo">
<span style="color:transparent">来源gaodai#ma#com搞*代#码网</span> 测试文本，删除！
<p>测试文本，删除！div里的p元素</p>
</div>
<p>测试文本！p元素！<span>span元素</span></p>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function() {
$("h2, div, span").css(
"background-color", "plum");
});
</script>
</body>
</html>
示例2：使用*选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>欢迎来的这里！</h1>
<div class="demo">
<h2>div里的h2元素</h2>
<p>测试文本，删除！div里的p元素</p>
<span>div里的span元素</span>
</div>
<p>测试文本！p元素！</p>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function() {
$("div *").css(
"background-color", "plum");
});
</script>
</body>
</html>
以上就是jQuery如何使用选择器选择多个元素？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：jQuery如何使用选择器选择多个元素？
转载请注明原文链接：jQuery如何使用选择器选择多个元素？
