如何使用 jQuery 选择具有多个类的元素
答案：指定类名之间不带空格
如果要定位具有多个类名称的元素，例如仅选择同时具有 classA 和 classB 的元素，或者具有类 classA、classB、...、classX 或类似的元素，只需将 class selectors 放在一起，无需有任何 中间空格，如下图：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Selecting Elements with Multiple Classes</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
// 如果元素同时具有类和 B 类，则将背景颜色应用于元素
$(".classA.classB").css("background-color", "yellow");
});
</script>
</head>
<body>
<p class="classA">Element with classA (won't match)</p>
<p class="classA classB">Element with classA and classB (match)</p>
<p class="classB">Element with classB (won't match)</p>
<p class="classB classA">Element with classB and classA (match)</p>
<p class="classD">Element with classD (won't match)</p>
<p class="classA classD classB">Element with classA, classD and classB (match)</p>
</body>
</html>请参阅 jQuery 选择器 上的教程，了解有关在 jQuery 中选择元素的更多信息。
FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答：
Advertisements