jQuery基础教程之DOM操作-遍历节点-children()方法

转载 2012年03月31日 15:41:05

jquery中提供了许多遍历节点的方法,其实jquery API1.4.4文档中都有了介绍。但是都是比较简单的介绍,例子不是很多,所以我决定,将这些jquery的方法的使用方法用梦三秋在线测试工具在线演示给大家看,让大家能更加轻松地理解并运用到是实际的项目中。
接下来我们来说说jquery DOM操作中的children方法。

.children([selector])方法返回的是每一个匹配的元素的直接子元素的集合。注意这里的子元素和后代元素的区别。
这里selector是可选参数,是用于过滤子元素的选择器表达式。
下面先来看一下,.children()方法不带参数的在线DEMO:

jquery children()方法在线测试

接下来看带了参数的在线DEMO:

jquery children(selector)方法在线测试

jQuery遍历之children()方法

jQuery遍历之children()方法 jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法。这里需要注意:.children(sel...
  • qq_37036642
  • qq_37036642
  • 2017年08月03日 23:32
  • 157

Javascript多叉树的递归遍历和非递归遍历

演示之前的准备工作演示项目的文件结构:index.html jsonData.js recurrenceTree.js noRecurrenceTree.js解释一下各个文件:index.htm...
  • zhangchao19890805
  • zhangchao19890805
  • 2017年05月04日 10:49
  • 4914

jQuery基础教程之DOM操作-遍历节点-children()方法

jquery中提供了许多遍历节点的方法,其实jquery API1.4.4文档中都有了介绍。但是都是比较简单的介绍,例子不是很多,所以我决定,将这些jquery的方法的使用方法用梦三秋在线测试工具...
  • wql19881207
  • wql19881207
  • 2012年03月31日 15:41
  • 2224

jquery遍历之children()与find()的区别

.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈)。参数可选,添加参数表示通过选择器进行过滤,对元素进行筛选。 .find(selector)方法是返回...
  • zm2714
  • zm2714
  • 2012年10月27日 11:32
  • 35919

jQuery基础教程之DOM操作-遍历节点-find()方法

.find(selector) 此方法用于在匹配元素的后代元素中按照选择器表达式进行筛选。 记住:使用此方法必须得传入选择器表达式参数,不然是获取不到任何元素的,也就失去了使用此方法的意义了。 ...
  • wql19881207
  • wql19881207
  • 2012年04月01日 15:41
  • 2576

jQuery之dom操作(遍历节点)

jQuery之dom操作(遍历节点) children()/children(selector)  --  只考虑子元素,不考虑其他后代元素 next()/next(selector)  ...
  • u011637069
  • u011637069
  • 2015年12月05日 16:35
  • 578

Jquery中each的三种遍历方法

1、选择器+遍历 $('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象 }); 2、选择器+遍历 $('div').each(fun...
  • luman1991
  • luman1991
  • 2017年01月10日 17:58
  • 2365

jquery遍历操作

(1)遍历祖先                 1.获得直接父节点parent() .ancestors * { display: block; border: 2px solid li...
  • cpf2016
  • cpf2016
  • 2015年12月04日 13:58
  • 211

jQuery基础教程之DOM操作-遍历节点-siblings()方法

在前面的两节教程中,我们分别知道了jquery如何取得当前元素的前一个同辈元素以及后一个同辈元素,他们分别是.prev()方法和.next()方法。 那么肯定的了,既然在jquery中能取得前一个和...
  • wql19881207
  • wql19881207
  • 2012年04月01日 15:39
  • 653

javascript 以及 jquery DOM节点操作

DOM节点 父节点: parentNode, 子节点:childNodes 首个子节点:firstChild 末尾子节点:lastChild 兄弟子节点:nextSlibling、pre...
  • yinkaihui
  • yinkaihui
  • 2016年06月02日 19:43
  • 728
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery基础教程之DOM操作-遍历节点-children()方法
举报原因:
原因补充:

(最多只允许输入30个字)