在jquery中,slice() 方法可用于提取满足特定索引区间的元素集合。下面以动态为部分段落文字设置颜色为例,详细演示该方法的用法。
1、 新建一个名为 test.html 的 HTML 文件,作为 jQuery 中 slice() 方法功能演示的载体。

2、 在 test.html 页面中使用多个 标签编写若干段文本内容,便于后续选取操作。
3、 为页面中全部 元素统一添加 class 属性,其值设定为 mytest,以便通过类选择器精准定位。

4、 在 test.html 中插入一个 按钮,并绑定 onclick 事件,点击时调用自定义函数 getEle()。

jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本,由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用,尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。
5、 在 <script></script> 标签内声明 getEle() 函数:首先使用 .mytest 类选择器获取所有目标 元素;接着调用 .slice(1, 3) 方法(注意:起始索引为 1,结束索引为 3,即包含索引 1 和 2 的两个元素);最后通过 .css('color', 'red') 为筛选出的元素统一设置红色字体。

6、 使用任意现代浏览器打开 test.html 文件,点击按钮即可观察到指定范围内的段落文字颜色变为红色。

7、 页面中采用多个 标签呈现多段文字,并确保每个 均拥有相同的 class 名称。










