17370845950

jQuery的slice()方法用于筛选指定范围的元素，语法为$(selector).slice(start, end)；start为起始索引（从0开始，负数表示从末尾计），end为结束位置（不包含，可选）；常用于操作部分DOM元素，如前几项、中间段或最后几项；例如选取前3个div：$('div').slice(0, 3)，跳过前2个取其余：$('li').slice(2)，取最后2个：$('p').slice(-2)，取倒数第4到倒数第2个：$('span').slice(-4, -1)；实际应用中，如给第2到第4个li添加背景色：$('li').slice(1, 4).css('background', '#ccc')，将选中Item 2、Item 3和Item 4。

jQuery中的slice()方法用于从匹配的元素集合中筛选出指定范围的元素，类似于JavaScript数组的slice()方法。

基本语法

$(selector).slice(start, end)

参数说明：

• start：起始索引（从0开始），必须是整数。若为负数，则从末尾开始计算
• end：结束位置（不包含该位置的元素），可选。若为负数，也从末尾算起

常见使用场景

常用于只操作某一部分DOM元素，比如列表中的前几项、中间某段或最后几项。

• 选取前3个div：
  $('div').slice(0, 3)
• 跳过前2个，取其余：
  $('li').slice(2)
• 取最后2个元素：
  $('p').slice(-2)
• 取倒数第4个到倒数第2个：
  $('span').slice(-4, -1)

实际例子

假设有如下HTML结构：

  
Item 1
  
Item 2
  
Item 3
  
Item 4
  
Item 5

只给第2到第4个li添加背景色：

$('li').slice(1, 4).css('background', '#ccc');

这会选中"Item 2"、"Item 3"和"Item 4"。