在jquery中,slice方法用于选取基于索引元素的子集,语法为“元素对象.slice(开始选取元素的位置,结束选取元素的位置)”;如果第二个参数是负数,则表示从被选元素的末端开始选取元素,而不是从头开始。
本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。
jquery中slice方法怎么用
slice() 方法选取基于索引的元素的子集。
子集是一个属于大的集合中的一部分的集合。
该方法用于通过开始点和结束点来限制组合中元素的选择:start 参数是创建子集的开始索引(从 0 开始),stop 参数是一个可选的结束点。
语法
$(selector).slice(start,stop)
参数 描述
-
start 必需。规定开始选取元素的位置。索引号从 0 开始。注意:如果是负数,则指示从被选元素的末端开始选取元素,而不是从头开始。
-
stop 可选。规定结束选取元素的位置。如果省略,则选取范围会在集合末端结束。索引号从 0 开始。注意:如果是负数,则指示从被选元素的末端开始选取元素,而不是从头开始。
示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("p").slice(2).css("background-color","yellow"); }); </script> </head> <body> <h1>欢迎来到我的主页</h1> <p>我的名字是 Donald (下标 0)。</p> <p>Donald Duck (下标 1)。</p> <p>我住在 Duckburg (下标index 2)。</p> <p>我最好的朋友是 Mickey (下标 3)。</p> <div>在这个例子中,我从索引位置2的p元素开始选择p元素的。从这开始所有p元素都将被选中。请注意,该下标数字从0开始。</div> </body> </html>
输出结果:
视频教程推荐:jQuery视频教程