jQuery 多个 class 选择器

实例

选择所有 class 等于 "intro", "demo" 或 "end" 的元素:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(".intro, .demo, .end").css("background-color", "yellow");
});
</script>
</head>
<body>
<h2>欢迎来到我的主页</h2>
<p class="intro">这个段落的 class 为 "intro".</p>
<p>这是一个段落</p>
<p class="demo">这个段落的 class 为 "demo".</p>
<p>这是另一个段落</p>
<p class="end">这个段落的 class 为 "end".</p>
</body>
</html>

运行一下

定义与用法

.class 选择器还可用于选择多个 class 样式类。

注意：用逗号分隔每个 class。

注意：class 属性不要以数字开头。它可能会在某些浏览器中导致问题。

语法

$(".class1,.class2,.class3,...")

参数	描述
class	必填。指定要选择的元素的 class

jQuery 多个 class 选择器

实例

定义与用法

语法

分类导航