jQuery | get() 方法

简介

get() 方法是 jQuery 中的一个用于获取匹配元素集合中指定位置的元素的方法，该方法可以通过索引来获取元素，同时也可以通过负数索引来获取元素集合中倒数的元素。该方法可以接收一个整数参数（表示元素的索引），也可以不传递参数，这将返回整个元素集合的数组形式。

方法语法

下面是该方法的语法：

$(selector).get(index);

• selector: 用于指定要获取元素的选择器。
• index: 要获取的元素的位置。该参数是可选的。

返回值

get() 方法返回元素集合中指定位置的元素或元素集合本身，如果传递的参数是负数，则返回倒数的元素。如果没有传递参数，则返回整个元素集合的数组形式。

实例解析

在下面的示例中，我们将通过 get() 方法获取一个图片集合中的第一个和第二个图片元素，并将它们插入到文档中。

HTML

<div id="images">
  <img src="img1.jpg" alt="Image 1">
  <img src="img2.jpg" alt="Image 2">
  <img src="img3.jpg" alt="Image 3">
</div>

JS

var $imgs = $('#images img');  // 获取图片集合

var $firstImg = $imgs.get(0);  // 获取第一个图片元素

var $secondImg = $imgs.get(1);  // 获取第二个图片元素

$('body').append($firstImg);  // 将第一个图片插入到文档中

$('body').append($secondImg);  // 将第二个图片插入到文档中

在上面的示例中，我们使用 $() 方法来获取页面中的 img 元素，然后使用 get() 方法来获取该元素集合中的第一个和第二个元素。最后，我们将这些元素插入到文档中。

注意事项

• 该方法返回的是一个原生的 DOM 元素而不是一个 jQuery 对象，因此不可直接使用 jQuery 的方法操作该元素。
• 该方法的参数是从 0 开始计算的元素索引，而不是 CSS 选择器中的索引。
• 如果传递的参数大于元素集合的长度，该方法将返回 false。
• 如果不传递任何参数或传递 null 或 undefined，则该方法相当于调用 toArray() 方法并返回整个元素集合的数组形式。

结论

get() 方法是 jQuery 中非常有用的方法之一，可以帮助开发者轻松获取元素集合中的指定位置的元素。它可以接收一个整数参数，也可以不传递参数。如果传递的参数是负数，则会返回元素集合中倒数的元素。由于该方法返回的是一个原生的 DOM 元素而不是 jQuery 对象，因此不可直接使用 jQuery 的方法操作该元素。