jQuery 知识点总结(更新中)
来源:互联网 发布:守望先锋查看队友数据 编辑:程序博客网 时间:2024/05/20 11:22
一、筛选
slice()
作用:函数用于选取匹配元素中一段连续的元素,并以jquery对象的形式返回
语法:jQueryObject.slice( startIndex [, endIndex ] )
startIndex 属于Integer类型,指定选取的起始索引,从0开始算起。
endIndex 可选/Integer类型,指定的结束索引(不包括该索引位置的元素)
实例解释说明:
html中代码:
<div id="n1"> <div id="n2"> <ul id="n3"> <li id="n4">item1</li> <li id="n5" class="foo bar">item2</li> <li id="n6">item3</li> <li id="n7">item4</li> <li id="n8">item5</li> </ul> </div></div>
jquery代码:
// 扩展jQuery对象,添加showTagInfo()方法// 用于将jQuery对象所有匹配元素的标识信息追加到body元素内// 每个元素的标识信息形如:"tagName"或"tagName#id"jQuery.fn.showTagInfo = function(){ var tags = this.map( function(){ return this.tagName + ( this.id ? "#" + this.id : "" ); } ).get(); $("body").append( tags.join("<br>") + "<br><br>" );};/* $("li") 匹配n4、n5、n6、n7、n8这5个元素 *///选取第2个元素$("li").slice( 1, 2).showTagInfo(); // LI#n5//选取第4、5个元素$("li").slice( 3 ).showTagInfo();// LI#n7,LI#n8//选取第1~4个元素//startIndex = length + (-5) = 0,endIndex = length + (-1) = 4$("li").slice( -5, -1).showTagInfo( ); // LI#n4,LI#n5,LI#n6,LI#n7
0 0
- jQuery 知识点总结(更新中)
- 软件研发知识点总结(更新中)
- js,jquery错误总结(更新中)
- jquery问题总结(更新中)
- 关于C语言知识点总结(随时更新中)
- python小知识点总结(持续更新中)
- 【JQuery】知识点总结(上)
- 【JQuery】知识点总结(下)
- jQuery 中一些细节知识点(本文会持续更新)
- jQuery 中一些细节知识点2(本文会持续更新)
- jQuery 中一些细节知识点2(本文会持续更新)
- Flash/AS3 知识点总结(持续更新)
- java知识点总结(持续更新)
- c++知识点总结(不时更新)
- Android开发知识点总结(持续更新)
- C++中易记混知识点总结(长期更新)
- 前端知识点总结(持续更新)
- 知识点总结(不定期更新)
- elasticsearch ik分词实现 中文、拼音、同义词搜索
- hadoop学习4--MapReduce及官方WorldCount分析
- 解决Android Studio卡顿的问题
- 【VS/Cplex】VS2015配置CPLEX_Studio127
- iOS 颜色照片
- jQuery 知识点总结(更新中)
- Android 7.0新特性译文
- java中method的setAccessible方法
- 《现在快》
- Oracle定时任务
- python基础知识整理
- 任正非:不惑之年创立华为是生活所迫,CEO真不是人干的活
- php复习 第十二天 会话控制3 会员登录模块
- cocos2dx使用通知节点NotificationNode的注意事项