jQuery slice() 方法

定义和用法

slice() 方法选取基于索引的元素的子集。

子集是一个属于大的集合中的一部分的集合。

该方法用于通过开始点和结束点来限制组合中元素的选择：start 参数是创建子集的开始索引（从 0 开始），stop 参数是一个可选的结束点。

语法

$(selector).slice(start,stop)

参数

参数	必需的	描述
start	是	规定开始选取元素的位置。索引号从 0 开始。注意：如果是负数，则指示从被选元素的末端开始选取元素，而不是从头开始。
stop	否	规定结束选取元素的位置。如果省略，则选取范围会在集合末端结束。索引号从 0 开始。注意：如果是负数，则指示从被选元素的末端开始选取元素，而不是从头开始。

实例

下例演示了从带有索引号为 2 的 <p> 元素开始选中 <p> 元素：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
//此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
   $(document).ready(function () {
      $("p").slice(2).css("background-color","red");
   });
</script>
</head>
<body>
    <h1>欢迎来到蝴蝶教程</h1>
    <p>我的名字是 蝴蝶 (下标 0)。 </p>
    <p>蝴蝶教程222 (下标 1)。 </p>
    <p>蝴蝶教程3333 (下标index 2)。 </p>
    <p>蝴蝶教程4444 (下标 3)。 </p>
    <div>在这个例子中,我从索引位置2的p元素开始选择p元素的。从这开始所有p元素都将被选中。请注意,该下标数字从0开始。</div>
</body>
</html>

尝试一下

定义和用法

语法

参数

实例

相关页面