slice(start,[end])
从当前匹配元素集合中取出部分元素形成新的元素集合。部分元素从索引‘start’到索引‘end’。‘end’参数可以为空，部分元素将从‘start’取到最后一个元素
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
function colorEm() {
var $div = $("div");
var start = Math.floor(Math.random() *
$div.length);
var end = Math.floor(Math.random() *
($div.length - start)) +
start + 1;
if (end == $div.length) end = undefined;
$div.css("background", "");
if (end)
$div.slice(start, end).css("background", "yellow");
else
$div.slice(start).css("background", "yellow");
$("span").text('$("div").slice(' + start +
(end ? ', ' + end : '') +
').css("background", "yellow");');
}
$("button").click(colorEm);
});
</script>
<style>
div { width:40px; height:40px; margin:10px; float:left;
border:2px solid blue; }
span { color:red; font-weight:bold; }
button { margin:5px; }
</style>
</head>
<body>
<button>Turn slice yellow</button>
<span>Click the button!</span>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>
$("span").text('$("div").slice(' + start +
(end ? ', ' + end : '') +
').css("background", "yellow");');
将从div元素集合中取出部分div元素组成新的div元素集合。从集合中div元素索引‘start’到集合中div元素索引‘end’
分享到：
相关推荐
5. `.slice(start, [end])`：返回匹配元素集合的一部分，从`start`开始，到`end`(不包含)结束。 这些遍历方法在实际开发中非常实用，它们简化了DOM操作，提高了代码的可读性和效率。通过灵活组合这些方法，开发者...
$(selector).slice(start, end) ``` 这里的`$(selector)`是jQuery选择器，用于选取页面中的元素。`slice()`方法接受两个参数：`start`和`end`。`start`参数表示选取子集的起始位置（从0开始计算），而`end`参数表示...
接下来，`.slice(start[, end])`方法允许你从jQuery对象中切片出一个子集，返回一个新的jQuery对象，包含从`start`到`end`(不包括`end`)索引的元素。`start`是必需的，而`end`是可选的。如果`end`未指定，那么子集将...
4. `.slice(start[,end])`：这个方法允许你获取匹配元素集合的一个子集，起始索引为`start`，可选的结束索引为`end`。例如，`.slice(1,3)`将获取索引为1和2的元素。 接下来是3.1.2章节的筛选方法——`.filter...
- `.slice(start, end)`：从匹配元素集合中提取指定范围的子集。 3. **HTML操作**： - `text()`：获取或设置元素的纯文本内容，不包括HTML标记。 - `html()`：获取或设置元素的HTML内容，包括标记。 - `val()`...
var chunk = file.slice(start, end); uploadChunk(chunk); // 上传切片 start = end; } } ``` ### 3. 回调处理 jQuery SliceUpload提供了丰富的回调函数，方便开发者在上传过程中监控进度、错误处理等。例如...
`.first()`和`.last()`方法则分别用于获取集合中的第一个和最后一个元素，而`.slice(start, [end])`可以选取一个匹配元素的子集，`start`和`end`参数定义了选取的范围。 对于更复杂的筛选需求，`.filter(expr | fn)...
1. 过滤与遍历：`.first()`, `.last()`, `.eq(index)`, `.slice(start, end)`等方法用于筛选元素，`.each(function(index, element) {...})`用于遍历集合。 2. 修改属性：`.attr(attributeName, value)`设置属性值...
2. 过滤与遍历：`first()`、`last()`选择第一个或最后一个元素，`eq(index)`根据索引选择元素，`slice(start, end)`切片选择。 3. 链式操作：jQuery方法返回的是jQuery对象，使得多个方法可以连续调用，如`$(elem)....
- `.eq(index)`、`.slice(start, end)`：选取指定索引的元素或范围内的元素。 4. **事件处理**： - `.on(event, handler)`：绑定事件监听器。 - `.off(event)`：移除事件监听器。 - `.trigger(event)`：触发...
jQuery详细教程，讲解很透彻， 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数，隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数，隐藏 id="test" 的元素。 $("p").hide() ...
- `.slice(start, end)`：选取索引在start和end之间的元素。 - `.each(function(index, element))`：对每个匹配的元素执行提供的函数。 ### 10. 插件系统 jQuery 的强大还在于其丰富的插件生态系统，例如，`jQuery...
2. **过滤与组合**：掌握`.first()`, `.last()`, `.eq(index)`, `.slice(start, end)`等方法，筛选和组合元素集合。 **第5天：AJAX操作** 1. **$.ajax()**：理解异步请求的基本用法，设置URL、类型、数据和回调...
例如，`$('div').not('.myClass')`将移除掉所有class为'myClass'的div，`$('div').slice(start, end)`则可以选取特定范围的元素。 三、链式操作 jQuery的一大特色是链式操作。例如，`$('p').addClass('highlight')....
4. `.slice(start, end)`：选取指定索引范围内的元素。 5. `.not(selector)`：排除符合特定选择器的元素。 二、基于内容的筛选 1. `.contains(text)`：选取包含指定文本的元素。 2. `.empty()`：选取没有子节点...
- `.slice(start, end)`：选取部分元素。 ### 三、使用jQuery中文API文档 `jQuery1.2API.chm`是针对jQuery 1.2版本的中文帮助文档，包含详细的API说明、示例和使用技巧。对于初学者，可以通过查阅这个文档理解...
7. **`.slice(start, end)`**：选取集合的一部分，通常用于分页或限制显示的图片数量。 8. **`.data(key)`**：获取或设置元素的自定义数据属性。在图片上下文中，可以存储关于图片的信息，如作者、日期或标签，便于...