jquery获取第一个子节点_jQuery遍历节点

本文详细介绍了jQuery中如何遍历DOM节点,包括找父亲、儿子、兄弟、子孙后代等,以及过滤元素的方法,如找第一个、最后一个、指定索引的元素。还讲解了$.each()方法的使用和链式语法的应用。
摘要由CSDN通过智能技术生成

一.遍历节点

​ 1.DOM节点遍历

​ ①通过儿子找父亲

​ 语法:子元素.parentNode

​ 注:儿子只能有一个亲父亲,所以返回的是元素节点,而不是集合。

​ ②通过父亲找儿子

​ 语法:父元素.children

​ 注:父亲可以有任意多个儿子,所以返回的是一个集合,集合中每个元素都是亲儿子的元素节点。

​ 2.jQuery节点遍历

​ ①找亲父亲

​ 语法:子元素.parent()

​ ②找父辈元素

​ 语法:子元素.parents(["选择器"])

​ 注:如果设置了参数()该参数是一个CSS选择器),那么返回符合条件的父辈元素,

​ 如果没有设置参数,那么直接返回所有的父辈元素。

​ ③找亲儿子

​ 语法:父元素.children(["选择器"])

​ ④找子孙后代

​ 语法:父元素.find("选择器")

​ 注:如果选择器设置的为"*",代表返回所有的子孙后代元素。

​ ⑤找所有兄弟

​ 语法:兄弟元素.siblings(["CSS选择器"])

​ 注:如果设置了参数(CSS选择器),那么就从所有的兄弟元素中指定的兄弟;

​ 如果没有设置参数,那么找到的就是所有的兄弟。

​ ⑥找上一个兄弟

​ 语法:兄弟元素.prev()</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值