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>
    
    
    尝试一下