jQuery slice() 方法根据索引范围选择匹配元素的子集（较大集合的一部分）。

它返回起始索引和结束索引值之间的元素。索引从 0 开始。如果我们不指定结束索引，则该方法将从开始索引开始，将选择每个匹配的元素，直到选择最后一个匹配的元素。

语法

$(selector).slice(start, stop)
start: 是必填参数。它是一个整数，表示选择元素的索引值。索引从 0 开始。允许使用负值。使用负值将从匹配元素的末尾开始选择。

stop: 是可选参数。它是一个整数，表示选择元素的索引值。如果省略，则选择将继续到集合的末尾。

例子

例1

使用正值的索引

<!DOCTYPE html>
<html>
<head>
<script src = "https://code.jquery.com/jquery-3.5.1.min.js"> </script>
</head>

<body>
<h3> 这是一个使用 jQuery slice() 方法的例子。 </h3>
<p> 索引 = 0  的段落</p>
<p> 段落索引 = 1 </p>
<p> 段落索引 = 2 </p>
<p> 段落索引 = 3 </p>
<p> 段落索引 = 4 </p>
<p> 段落索引 = 5 </p>
<span> 点击下面的按钮查看效果。 </span>  <br><br>
<button> 点击看看 </button>
<script>
$(document).ready(function(){
$("button").click(function() {
  $("p").slice(1, 4).css({"background-color": "yellow", "color": "red"});
  });
});
</script>
</body>
</html>

例2

使用符值的索引

<!DOCTYPE html>
<html>
<head>
<script src = "https://code.jquery.com/jquery-3.5.1.min.js"> </script>
</head>

<body>
<h3> 这是一个使用 jQuery slice() 方法的例子。 </h3>
<p> 索引 = 0（负索引 = -6）的段落 </p>
<p> 段落索引 = 1（负索引 = -5） </p>
<p> 段落索引 = 2（负索引 = -4） </p>
<p> 段落索引 = 3（负索引 = -3） </p>
<p> 段落索引 = 4（负索引 = -2） </p>
<p> 段落索引 = 5（负索引 = -1） </p>
<span> 点击下面的按钮查看效果。 </span> <br> <br>
<button> 点击看看 </button>
<script>
$(document).ready(function(){
$("button").click(function() {
  $("p").slice(-4, -1).css({"backgroundColor": "yellow", "color": "red"});
  });
});
</script>
</body>

</html>