📜  jQuery |杂项 get() 方法(1)

📅  最后修改于: 2023-12-03 14:43:16.248000             🧑  作者: Mango

jQuery | get() 杂项方法

jQuery 中的 get() 方法用于获取匹配元素集合中的某个或某些元素。get() 方法的参数是一个整数。如果参数值为正数,则返回匹配元素集合中的第 n 个元素,索引从 0 开始计数;如果参数值为负数,则返回倒数第 n 个元素。如果没有传入参数,则返回匹配元素集合中所有元素的数组形式。

语法
$(selector).get(index);
参数
  • index:必需,用于确定返回元素的索引值。如果省略该参数,则返回所有匹配元素的数组形式。
返回值
  • 如果传入的参数是一个正数,则返回一个元素,否则返回一个元素数组。
例子
// html: <ul><li>1</li><li>2</li><li>3</li></ul>

// 获取第 2 个 li 元素
var secondLi = $('li').get(1); // 返回值为 <li>2</li>

// 获取倒数第 2 个 li 元素
var secondLastLi = $('li').get(-2); // 返回值为 <li>2</li>

// 获取所有 li 元素
var allLi = $('li').get(); // 返回值为 [<li>1</li>, <li>2</li>, <li>3</li>]
注意事项
  • 当传入正数参数时,如果索引值超出元素集合的长度范围,get() 方法会返回 undefined
  • 当传入负数参数时,负数值表示倒数第几个元素。如果负数值大于集合长度,也会返回 undefined
  • 如果传入非数字参数,或者多个参数时,get() 方法会返回 undefined
  • get() 方法返回的是 DOM 对象,而不是 jQuery 对象。如果需要在返回的 DOM 对象上使用 jQuery 方法,则需要先将 DOM 对象包装成 jQuery 对象。