📅 最后修改于: 2023-12-03 14:43:14.607000 🧑 作者: Mango
在 jQuery 中，使用选择器的方式可以获取到 DOM 树中的元素。.class 选择器是其中的一种，表示通过指定 CSS 类名获取元素。
.class
<!DOCTYPE html>
<html>
<head>
<title>jQuery .class 选择器示例</title>
</head>
<body>
<div class="container">
<h1 class="title">Hello World!</h1>
<p class="content">这是一段内容。</p>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
var title = $(".title").text();
var content = $(".content").text();
console.log("标题：" + title);
console.log("内容：" + content);
});
</script>
</body>
</html>
上面的代码中，.title 和 .content 分别表示 class 名为 title 和 content 的元素。在 jQuery 中，使用 $() 函数来获取指定选择器的元素，并可以使用 .text() 方法获取到元素的内容。最终输出标题和内容到控制台。
类选择器 .class 是获取元素的常用方式之一，它使得我们可以通过 CSS 类名来指定元素，方便快捷。