📅 最后修改于: 2023-12-03 14:43:15.213000 🧑 作者: Mango
first() 是 jQuery 库中的一个方法，该方法从匹配的元素集合中返回第一个元素。
使用 first() 方法，我们可以轻松地获取匹配元素集合中的第一个元素。
以下是 first() 方法的语法：
$(selector).first();
selector：必需，规定要选择的元素。例如，如果我们想要获取一个类为 "example" 的第一个段落元素，可以使用以下代码：
$("p.example").first();
first() 方法也可以作为链式方法使用：
$("p").first().addClass("selected");
上述代码将选择文档中的第一个段落元素，并为其添加了一个类名为 "selected" 的样式。
以下是一个完整的示例，展示了如何使用 first() 方法从匹配元素集合中获取第一个元素：
<!DOCTYPE html>
<html>
<head>
<title>jQuery first() 方法示例</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<style>
.selected {
color: red;
font-weight: bold;
}
</style>
</head>
<body>
<p>第一个段落元素</p>
<p class="example">第二个段落元素</p>
<p>第三个段落元素</p>
<script>
// 选择类名为 "example" 的第一个段落元素并添加 "selected" 类
$("p.example").first().addClass("selected");
</script>
</body>
</html>
上述代码将选择文档中的第二个段落元素，并为其添加了一个类名为 "selected" 的样式。
因此，通过 first() 方法，我们可以轻松地获取匹配元素集合中的第一个元素，以及对该元素执行各种操作。