怎么在jQuery中使用last()方法和first()方法实现筛选元素

在jQuery中，我们可以使用last()方法和first()方法来筛选元素。这两种方法可以分别返回被选元素集合中的最后一个元素和 个元素。

## last()方法

last()方法返回被选元素集合中的最后一个元素。该方法的语法如下：

$(selector).last()

其中，selector是要筛选的元素选择器。

下面是一个例子，我们从一个有多个列表项的列表中获取最后一个列表项：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  <li>列表项4</li>
</ul>

$("li").last().css("color", "red");

上述代码将会把最后一个列表项的文字颜色变为红色。

## first()方法

first()方法返回被选元素集合中的 个元素。该方法的语法如下：

$(selector).first()

其中，selector是要筛选的元素选择器。

下面是一个例子，我们从一个有多个列表项的列表中获取 个列表项：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  <li>列表项4</li>
</ul>

$("li").first().css("color", "red");

上述代码将会把 个列表项的文字颜色变为红色。

## 多个方法的链式调用

jQuery中的多个方法可以链式调用。这意味着，我们可以像下面这样一次性对一些元素进行多个操作：

$(selector).first().css("color", "red").addClass("highlight");

上述代码将会选择 个匹配的元素，把它的文字颜色变为红色，然后添加一个highlight类。

## 结论

在jQuery中，我们可以使用last()方法和first()方法来筛选元素集合中的最后一个和 个元素。这对于需要对特定元素执行操作的时候非常实用，以及需要对多个元素进行链式操作的时候。