📜  jQuery first()方法(1)

📅  最后修改于: 2023-12-03 15:02:09.653000             🧑  作者: Mango

jQuery first()方法

简介

first()方法是jQuery中的一个筛选器(filter),它返回匹配选择器的第一个元素。如果没有匹配到元素,则返回undefined

语法
$(selector).first()
参数

该方法不接受任何参数。

返回值

返回一个jQuery对象,包含匹配到的第一个元素。如果没有匹配到元素,则返回undefined

示例

HTML代码:

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

JavaScript代码:

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

效果:将第一个li元素的文字颜色设置为红色。

注意事项
  • first()方法只返回第一个元素,如果需要返回多个元素,可以使用其他筛选器,如eq():first伪类选择器。
  • first()方法返回的是jQuery对象,而不是原生DOM元素,如果需要操作DOM元素,可以使用[0]get()方法。
  • 如果选中的元素并不是集合的第一个元素,那么调用first()方法也不会返回集合中的第一个元素,而是返回匹配到的第一个元素。