📜  jQuery | slice() 与示例(1)

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

jQuery | slice() 方法

简介

slice() 方法是 jQuery 提供的一个数组操作方法,用于从一个数组或类数组中提取指定范围的元素,返回一个新的 jQuery 对象。在 JavaScript 中,slice() 是 Array 对象的原生方法,在 jQuery 中重新实现了一次,用以增加其功能和兼容性。

语法
$(selector).slice(start, end)
  • selector:用于选择要操作的元素的 jQuery 选择器。
  • start:提取元素的起始位置。如果为负数,表示从数组末尾开始计数。
  • end:提取元素的结束位置(不包括该位置的元素)。如果为负数,表示从数组末尾开始计数。
示例

假设我们有如下 HTML 结构:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>
示例 1:提取指定范围的元素
// 提取索引为 1 到 3 的 li 元素(不包括索引为 3 的元素)
$('li').slice(1, 3);

结果:

  • Item 2
  • Item 3
``` ```
示例 2:提取从指定位置到末尾的元素
// 提取索引为 2 到末尾的 li 元素
$('li').slice(2);

结果:

  • Item 3
  • Item 4
  • Item 5
``` ```
注意事项
  • 返回的结果是一个新的 jQuery 对象,它包含了提取的元素。
  • 传入的参数可以是负数,表示从数组末尾开始计数。
  • 如果 start 大于等于 end,将返回一个空的 jQuery 对象。
参考链接