jQuery slice()实例
slice()是jQuery中的一个内置方法,用于选择一个基于其索引的元素子集。子集是一个可能是大集合的一部分。
语法:
$(selector).slice(para1, para2)
参数:它接受两个参数,具体如下–
- para1:它指定了开始选择元素的位置。
- para2:它是可选的,它指定了停止选择元素的位置。
返回值:它返回所选元素的子集。
jQuery代码显示slice()方法的工作:
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- jQuery code to show the working of this method -->
<script>
(document).ready(function() {
("p").slice(1, 4).css("background-color", "lightgreen");
});
</script>
<style>
body {
width: 500px;
height: 200px;
padding: 20px;
border: 2px solid green;
}
</style>
</head>
<body>
<h1>Welcome to GeeksforGeeks !</h1>
<p>This is at index 0.</p>
<p>This is at index 1.</p>
<p>This is at index 2.</p>
<p>This is at index 3.</p>
</body>
</html>
输出:在这段代码中,从索引1到3的所有段落元素都被突出显示。