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元素，比如列表中的前几项、中间某段或最后几项。

法语写作助手

法语助手旗下的AI智能写作平台，支持语法、拼写自动纠错，一键改写、润色你的法语作文。

31

查看详情

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

实际例子

假设有如下html结构：

<ul>   <li>Item 1</li>   <li>Item 2</li>   <li>Item 3</li>   <li>Item 4</li>   <li>Item 5</li> </ul>

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

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

这会选中”Item 2″、”Item 3″和”Item 4″。

基本上就这些，用法简单但很实用。