基础前端

jQuery 中的节点关系(下)

2019-03-11  本文已影响31人  CondorHero

相比较于原生节点关系 jQuey 屏蔽掉了浏览器兼容问题,不存在空文本节点,JQuery 全部默认选择nodeType=1 的元素。不选择文本、注释等等。并且不用for循环了,一次性得到所有东西了。

下面 jQuery 介绍的都是方法!而且里面暗含了迭代器。

一、往下查找的方法

1. children()方法

儿子节点,所有亲儿子,孙子不在 children() 里面。

2. find() 方法

所有后代元素。和 children() 不一样,children()返回的是自己的亲儿子元素列表,而find()返回的是自己的后代所有元素的列表。

注意,和 children() 方法不一样,find() 方法里面,必须写参数,表示后代的谁?
说白了 find 是寻找的意思,就是你要在后代寻找谁。

二、往上查找的方法

3. parent() 方法

亲爸爸。任何元素都只有一个亲爸爸。

4.parents()

这个元素的所有的祖先节点。

三、横向查询

5.siblings()方法

所有的亲兄弟
排他,再也不用担心写 for 循环了:
$(this).addClass("cur").siblings().removeClass("cur");
我加cur,我的兄弟们去cur。
特注:此例子代码可用于轮播图小圆点的监听。

6. prev()、next()、prevAll()、nextAll()

前一个兄弟、后一个兄弟、前所有兄弟、后所有兄弟。

上一篇下一篇

猜你喜欢

热点阅读