这篇文章主要讲解了“jquery中slice方法如何用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery中slice方法如何用”吧!
在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>
<h2>欢迎来到我的主页</h2>
<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中slice方法如何用”的内容了,经过本文的学习后,相信大家对jquery中slice方法如何用这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!