【jquery遍历DOM方法总结】的更多相关文章

jquery遍历DOM方法总结

1.jQuery 遍历 - 祖先 向上遍历 DOM 树 这些 jQuery 方法很有用,它们用于向上遍历 DOM 树: parent() parents() parentsUntil() jQuery parent() 方法 parent() 方法返回被选元素的直接父元素. 该方法只会向上一级对 DOM 树进行遍历. 下面的例子返回每个 <span> 元素的的直接父元素: 实例 $(document).ready(function(){ $("span").parent()…

jQuery 遍历 - parent() 方法

ylbtech-jQuery-sizzle:jQuery 遍历 - parent() 方法  parent() 获得当前匹配元素集合中每个元素的父元素,使用选择器进行筛选是可选的. 1.A,jQuery-效果图返回顶部 1.B,jQuery-Source Code(源代码)返回顶部 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD…

jQuery 遍历 - eq() 方法 查找当前元素

jQuery 遍历 - eq() 方法 if(data[i].status !='已送达'){ $('.w-beget').eq(i).attr('disabled','disabled'); }…

jQuery遍历DOM

jQuery提供了多种遍历DOM的方法.遍历方法中最大的种类是树遍历. 向上遍历DOM树 parent():返回被选元素的直接父元素 parents():返回被选元素的所有祖先元素,它一直遍历到根元素(<html>) parentsUntil():返回介于两个元素之间的所有祖先元素.例$("span").parentsUntil("div"),返回介于<span>与<div>元素之间的所有祖先元素:如果不填写参数,则效果等同于pa…

jQuery 遍历 - siblings() 方法

本文来自:http://www.w3school.com.cn/jquery/traversing_siblings.asp jQuery 遍历参考手册 实例 查找每个 p 元素的所有类名为 "selected" 的所有同胞元素: $("p").siblings(".selected") 亲自试一试 定义和用法 siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的. 语法 .siblings(selector) 参数 描…

jQuery 遍历 - closest() 方法

jQuery 遍历参考手册 实例 本例演示如何通过 closest() 完成事件委托.当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景: $( document ).bind("click", function( e ) { $( e.target ).closest("li").toggleClass("hilight"); }); 亲自试一试 定义和用法 closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DO…

jQuery 遍历 - children() 方法

jQuery 遍历参考手册 实例 找到类名为 "selected" 的所有 div 的子元素,并将其设置为蓝色: $("div").children(".selected").css("color", "blue"); 亲自试一试 定义和用法 children() 方法返回返回被选元素的所有直接子元素. 语法 .children(selector) 参数 描述 selector 字符串值,包含匹配元素的选择…

jQuery 遍历 - slice() 方法

实例 选中所有段落,然后将所选内容缩减为只包含第一和第二个段落: $("p").slice(0, 2).wrapInner(""); 亲自试一试 定义和用法 slice() 把匹配元素集合缩减为指定的指数范围的子集. 语法 .slice(selector,end) 参数 描述 selector 基于 0 的整数值,指示开始选取元素的位置. 如果是负数,则指示从集合末端开始的偏移量. end 基于 0 的整数值,指示结束选取元素的位置. 如果是负数,则指示从集合末端开…

jQuery 遍历 - children() 方法 获取指定id下子元素的值

<a id="Aobj_2_2" class="" specid="2" specvid="2" href="javascript:void(0);"> <span>红色</span> <i title="点击"></i> </a> $("#Aobj_2_2").children("sp…

jQuery 遍历 - each() 方法

定义和用法 each() 方法规定为每个匹配元素规定运行的函数. 提示:返回 false 可用于及早停止循环. 语法 $(selector).each(function(index,element)) 参数 描述 function(index,element) 必需.为每个匹配元素规定运行的函数. index - 选择器的 index 位置 element - 当前的元素(也可使用 "this" 选择器) 实例 输出每个 li 元素的文本: $("button").…

JQuery 遍历 - prev() 方法

http://www.w3school.com.cn/jquery/traversing_prev.asp http://www.w3school.com.cn/jquery/jquery_ref_traversing.asp 描述:取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合.选择性筛选的选择器. 如果提供的jQuery代表了一组DOM元素,.prev()方法通过这些元素组合传递到方法构造一个新的jQuery对象. 该方法选择性地接受同一类型选择器表达式,我们可以传递给…

jQuery 遍历 - eq() 方法

<!DOCTYPE html> <html> <head> <style> div { width:60px; height:60px; margin:10px; float:left; border:2px solid blue; } .blue { background:blue; } </style> <script type="text/javascript" src="/jquery/jquery.j…

jQuery 遍历 - map() 方法

定义和用法 map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象. 例子1: 构建表单中所有值的列表: <p><b>value为: </b></p> <form> <input type="text" name="name" value="Allan"/> <input type="text" name=&qu…

jQuery遍历节点方法汇总

1.children()方法:$('div').children()---遍历查找div元素的所有子元素节点 <p>Hello</p> <div> <span>Hello Again</span> <p class="box">您好!</p> </div> <p>And Again</p> <script type="text/javascript&q…

jQuery 遍历 - find() 方法

实例 搜索所有段落中的后代 span 元素,并将其颜色设置为红色: $("p").find("span").css('color','red'); 详情:http://www.w3school.com.cn/jquery/traversing_find.asp…

jQuery遍历 slice()方法

今天做页面,遇到一个滚动的swipe,需要4个<li> 一组,然后在外层加个<ul>,方法如下: $('.xxxxx li').each(function(n){ $('.xxxxx li').slice(n*4, (n+1)*4).wrapAll('<ul></ul>'); }) 然后也熟悉了一遍 . slice() 方法,还有 n 的初始值是从 0 开始的. JS基础不好的前端不是好前端啊!…

jQuery 遍历 json 方法大全

1.for循环: var obj = { "status":1, "bkmsg":"\u6210\u529f", "bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"] } // console.log(obj.length); if (obj.status == 1) { for…

jquery遍历----end()方法

定义和用法 end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态. 举个栗子: <body> <ul class="first"> <li class="foo">list item 1</li> <li>list item 2</li> <li class="bar">list item 3</li> </ul>…

jQuery遍历—each()方法遍历对象和数组

打开控制台后可以看到以下输出:…

jQuery 遍历方法大全

下表列出了用于jQuery 遍历所有方法. 方法 描述 add() 将元素添加到匹配的元素集中 addBack() 将上一组元素添加到当前组中 andSelf() 在版本1.8中已弃用. addBack()的别名 children() 返回所选元素的所有直接子级 closest() 返回所选择元素的第一个祖先 contents() 返回所选元素的所有直接子级(包括文本和注释节点) each() 为每个匹配的元素执行一个函数 end() 结束当前链中的最新过滤操作,并将匹配的元素集返回到其先前状态…

jQuery 遍历用法

jQuery 遍历 DOM 树 parent() 方法返回被选元素的直接父元素(找爸爸). parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (找长辈). parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素. children() 方法返回被选元素的所有直接子元素(找儿子). find() 方法返回被选元素的后代元素,一路向下直到最后一个后代(找后代). <script> $(document).ready(function(){ $(&qu…

Jquery遍历之获取子级元素、同级元素和父级元素

Jquery遍历之获取子级元素.同级元素和父级元素 Jquery的遍历,其实就当前位置的元素相对于其他元素的位置的关系进行查找或选取HTML元素.以某项选择开始,并沿着这条线进行移动,或向上(父级).或向下(子级).或水平(同级),直到找到目标元素为止,这种移动也被成为对DOM进行遍历. 其实对于DOM来说,这个不陌生,Jquery的遍历也就是在DOM树上上蹿下跳,当然这种上蹿下跳不是没有规则的,胡乱的找是让人鄙视的.通俗的说,在一颗树上(你也在树上,已经爬上去了,哈哈),以你所在的位置为起点,…

*jquery操作DOM总结 (原创：最全、最系统、实例展示)

jquery操作DOM包括八个方面: 一:jquery对DOM节点的基本操作:二:jquery对DOM节点的CSS样式操作:三:jquery遍历DOM节点:四:jquery创建DOM节点:五:jquery删除DOM节点:六:jquery替换DOM节点:七:jquery复制DOM节点:八:其他: 一:jquery对DOM节点的基本操作 1.html操作:获取或设置标签之间的 HTML,此操作类似JS中的innerHTML①$('p').html();  //获取p元素中的html代码②$('p')…

jQuery （DOM篇）

1.DOM节点的创建 创建元素节点: 常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来,通过$()函数处理,$("html结构") $("<div></div>") 创建为本节点: 与创建元素节点类似,可以直接把文本内容一并描述 $("<div>我是文本节点</div>") 创建为属性节点: 与创建元素节点同样的方式 $("<div id='test' class='a…

Jquery获取元素方法

Jquery 获取元素的方法分为两种:jQuery选择器.jQuery遍历函数. 1.获取本身: a.只需要一种jQuery选择器 选择器 实例 说明 #Id $('#myId') ID选择器: 可以获取到ID为“myId”的元素,区分大小写 b.多种jQuery选择器组合 b1.jQuery选择器 选择器 实例 说明 .class $('.myClass') 类选择器:可以获取到class为‘myClass’的所有元素 element $('p') 获取所有的<p>元素 :header $(…

JQuery遍历方法$.each输出函数

each()方法能使DOM循环结构简洁,不容易出错.each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组.多维数组.DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量. 下面提一下each的几种常用的用法 each处理一维数组 var arr1 = [ "aaa", "bbb", "ccc" ]; $.each(arr1, function(i,val){ alert(i); a…

jQuery基础修炼圣典—DOM篇（二）jQuery遍历

1.children()方法 jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法.这里需要注意:.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈,这里可以理解为就是父亲-儿子的关系) 理解节点查找关系: <div class="div"> <ul class="son"> <li class="grandson">1…

jQuery框架-2.jQuery操作DOM节点与jQuery.ajax方法

一.jQuery操作DOM 内部插入操作: append(content|fn):向每个匹配的元素内部追加内容. prepend(content):向每个匹配的元素内部前置内容. 外部插入操作: after(content|fn):在每个匹配的元素之后插入内容. before(content|fn):在每个匹配的元素之前插入内容. 包裹操作: wrap(html|element|fn):把所有匹配的元素用其他元素的结构化标记包裹起来. unwrap():这个方法将移出元素的父元素. wrapAl…

Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解

Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解 一.Jquery遍历筛选数组 1.jquery grep()筛选遍历数组 $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<filterarray.length;i++){…

jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别

http://www.poluoluo.com/jzxy/201312/253059.html 在这个sprint中,因为要写前端UI,所以用到了jQuery,但是jQuery在向上遍历DOM树的API中,有parents(). parent().closest()这几个,一直不太清楚它们具体的区别,所以狠下心好好读了一下jQuery的API文档,并把区别记在这里,以供参考.  1.parents([selector]) 本方法用于选择给定jQuery对象中包含的DOM元素或者DOM元素集的祖先…