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()
前一个兄弟、后一个兄弟、前所有兄弟、后所有兄弟。