jQuery | first() 与示例

介绍

在jQuery中，first()方法返回匹配元素集合中第一个元素，它可以与其他选择器或过滤器一起使用，以筛选元素集合。

语法

$(selector).first()

参数

该方法不接受任何参数。

示例

HTML

<ul>
  <li>第一个元素</li>
  <li>第二个元素</li>
  <li>第三个元素</li>
  <li>第四个元素</li>
  <li>第五个元素</li>
</ul>

jQuery

$("ul li").first().css("background-color", "yellow");

描述

上面的示例会将第一个li元素的背景颜色设置为黄色。

总结

jquery的first() 方法不仅可以用于筛选元素集合，还可以用于添加、删除元素等操作。使用该方法可以快速地获取匹配元素集合的第一个元素，从而进行相应的操作。

// 添加一个class到第一个元素
$(selector).first().addClass("my-class");

// 删除第一个元素
$(selector).first().remove();