jQuery选择器.class.class是一种通过同时匹配多个类名来选取元素的方法
▥前端
𝄐 0
jqueryclass选择器,jqueryclass
jQuery选择器.class.class是一种通过同时匹配多个类名来选取元素的方法。在这种选择器中，使用点 (.) 来分隔类名。
例如，如果你想选取具有 "red" 和 "bold" 两个类名的所有元素，可以使用以下代码：
javascript
$(".red.bold")
这将选取文档中所有同时包含 "red" 和 "bold" 两个类名的元素。注意，元素的顺序和数量不重要，只要它们都包含这两个类名即可被选中。
以下是一个例子，选取了具有 "red" 和 "bold" 类名的所有段落元素，并将它们的文本内容设置为 "Hello World!"：
html
<!DOCTYPE html>
<html>
<head>
<title>jQuery Class Selector Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$(".red.bold").text("Hello World!");
});
</script>
<style>
.red { color: red; }
.bold { font-weight: bold; }
</style>
</head>
<body>
<p class="red">This paragraph is red.</p>
<p class="bold">This paragraph is bold.</p>
<p class="red bold">This paragraph is red and bold.</p>
<p>This paragraph has no special classes.</p>
</body>
</html>
jQuery选择器.class.class是一种通过同时匹配多个类名来选取元素的方法。在这种选择器中，使用点 (.) 来分隔类名。
例如，如果你想选取具有 "red" 和 "bold" 两个类名的所有元素，可以使用以下代码：
javascript
$(".red.bold")
这将选取文档中所有同时包含 "red" 和 "bold" 两个类名的元素。注意，元素的顺序和数量不重要，只要它们都包含这两个类名即可被选中。
以下是一个例子，选取了具有 "red" 和 "bold" 类名的所有段落元素，并将它们的文本内容设置为 "Hello World!"：
html
<!DOCTYPE html>
<html>
<head>
<title>jQuery Class Selector Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$(".red.bold").text("Hello World!");
});
</script>
<style>
.red { color: red; }
.bold { font-weight: bold; }
</style>
</head>
<body>
<p class="red">This paragraph is red.</p>
<p class="bold">This paragraph is bold.</p>
<p class="red bold">This paragraph is red and bold.</p>
<p>This paragraph has no special classes.</p>
</body>
</html>
本文地址：
/show-270108.html
版权声明：除非特别标注原创，其它均来自互联网，转载时请以链接形式注明文章出处。