`
747017186
  • 浏览: 331575 次
社区版块
存档分类
最新评论

jquery slice(start, [end])

 
阅读更多

通过位置选择性的选择html标签,可以选择一个或者多个

返回值:jQueryslice(start, [end])

概述

选取一个匹配的子集

与原来的slice方法类似

参数

startInteger

开始选取子集的位置。第一个元素是0.如果是负数,则可以从集合的尾部开始选起。

end (可选)Integer

结束选取自己的位置,如果不指定,则就是本身的结尾。

示例

描述:

选择第一个p元素

HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代码:
$("p").slice(0, 1).wrapInner("<b></b>");
结果:
[ <p><b>Hello</b></p> ]

描述:

选择前两个p元素

HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代码:
$("p").slice(0, 2).wrapInner("<b></b>");
结果:
[ <p><b>Hello</b></p>,<p><b>cruel</b></p> ]

描述:

只选取第二个p元素

HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代码:
$("p").slice(1, 2).wrapInner("<b></b>");
结果:
[ <p><b>cruel</b></p> ]

描述:

只选取第二第三个p元素

HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代码:
$("p").slice(1).wrapInner("<b></b>");
结果:
[ <p><b>cruel</b></p>, <p><b>World</b></p> ]

描述:

选取第最后一个p元素

HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代码:
$("p").slice(-1).wrapInner("<b></b>");
结果:
[ <p><b>World</b></p> ]
分享到:
评论

相关推荐

    jQuery中slice()方法用法实例

    $(selector).slice(start, end) ``` 这里的`$(selector)`是jQuery选择器,用于选取页面中的元素。`slice()`方法接受两个参数:`start`和`end`。`start`参数表示选取子集的起始位置(从0开始计算),而`end`参数表示...

    jqueryAPI_helper

    slice(start,[end]) 未翻译的翻译一下 parent(expr) 例子中删除个body append(content) C要 css(name) 删除多余的 unbind([type],[data]) 代码注释翻译 change(fn) 未翻译的翻译一下 click(fn) 常用的...

    JQuery新版中文手册

    slice(start,[end]) 查找 children([expr]) closest(expr,[con]|obj|ele)1.6* find(expr|obj|ele)1.6* next([expr]) nextall([expr]) nextUntil([exp|ele][,fil])1.6* offsetParent() parent([expr]) ...

    jquery大文件分片上传

    var chunk = file.slice(start, end); uploadChunk(chunk); // 上传切片 start = end; } } ``` ### 3. 回调处理 jQuery SliceUpload提供了丰富的回调函数,方便开发者在上传过程中监控进度、错误处理等。例如...

    jQuery 1.5 API 中文版

    $.slice( start [, end] ) Tree traversal $.children( [selector] ) $.closest( selector [, context] ) arr.closest( selectors [, context] ) $.find( selector ) $.next( [selector] ) $.nextAll( [selector] ) ...

    浅谈jQuery中对象遍历.eq().first().last().slice()方法

    接下来,`.slice(start[, end])`方法允许你从jQuery对象中切片出一个子集,返回一个新的jQuery对象,包含从`start`到`end`(不包括`end`)索引的元素。`start`是必需的,而`end`是可选的。如果`end`未指定,那么子集将...

    jQuery 1.3 API 参考文档中文版 html

    slice(start,[end]) 未翻译的翻译一下 parent(expr) 例子中删除个body append(content) C要 css(name) 删除多余的 unbind([type],[data]) 代码注释翻译 change(fn) 未翻译的翻译一下 click(fn) 常用的...

    jquery包装集里面是一些应用实例欢迎下载

    还有其他过滤方法,如`first()`、`last()`、`slice(start, end)`等,用于从当前集合中选择特定的元素。 总的来说,jQuery包装集是一个学习和实践jQuery的宝贵资源,它包含的实例可以帮助开发者掌握jQuery的基本用法...

    jquery文档、API

    1. 过滤与遍历:`.first()`, `.last()`, `.eq(index)`, `.slice(start, end)`等方法用于筛选元素,`.each(function(index, element) {...})`用于遍历集合。 2. 修改属性:`.attr(attributeName, value)`设置属性值...

    100个jQuery技巧 附常用插件+demo

    2. 过滤与遍历:`first()`、`last()`选择第一个或最后一个元素,`eq(index)`根据索引选择元素,`slice(start, end)`切片选择。 3. 链式操作:jQuery方法返回的是jQuery对象,使得多个方法可以连续调用,如`$(elem)....

    JQuery+API.rar

    - `.eq(index)`、`.slice(start, end)`:选取指定索引的元素或范围内的元素。 4. **事件处理**: - `.on(event, handler)`:绑定事件监听器。 - `.off(event)`:移除事件监听器。 - `.trigger(event)`:触发...

    jquery1.8.3含离线中文版api

    此外,还有`$("selector").eq(index)`、`$("selector").slice(start, end)`等方法,用于精确选取元素。 2. **DOM操作**:jQuery提供了丰富的DOM操作API,例如`$(element).append(content)`用于在元素末尾添加内容,...

    jQuery详细教程

    jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...

    jquery1.2.3 手册

    - `.slice(start, end)`:选取索引在start和end之间的元素。 - `.each(function(index, element))`:对每个匹配的元素执行提供的函数。 ### 10. 插件系统 jQuery 的强大还在于其丰富的插件生态系统,例如,`jQuery...

    jQuery之字体大小的设置方法

    arrayObject.slice(start,end)。start 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。end 可选。规定从何处结束选取...

    jquery常用标签详解.pdf

    例如,`$('div').not('.myClass')`将移除掉所有class为'myClass'的div,`$('div').slice(start, end)`则可以选取特定范围的元素。 三、链式操作 jQuery的一大特色是链式操作。例如,`$('p').addClass('highlight')....

Global site tag (gtag.js) - Google Analytics