井井客

搜索

JQ和JS分别获取父亲、兄弟、子节点的方法

JQ获取和JS获取相关节点(元素)的方法,主要有四类:父、兄、子、筛选,下面主要列出了这JQ和JS来获取节点的具体方法。

JQ和JS分别获取父亲、兄弟、子节点的方法

JQ获取父亲、兄弟、子节点的方法

父元素(祖先)

.parent()		返回所选元素直接的父元素
.parents()		返回所选元素所有父元素(直到文档的根元素)
.parentsUntil()	    返回所选元素所有父元素(直到给定元素)

子元素(后代)

.children()		返回所选元素直接的子元素(只有一代)
.find()			返回所有给定子元素(直到最后一代)

兄弟(同胞)

.siblings()		返回所选元素所有兄弟元素
.next()			返回所选元素下一个兄弟元素
.nextAll()		返回所选元素接下来所有的兄弟元素(直到最后一个)
.nextUntil()	    返回所选元素接下来所有的兄弟元素(直到给定元素)
.prev()			返回所选元素上一个兄弟元素
.prevAll()		返回所选元素之前所有的兄弟元素(直到第一个)
.prevUntil() 	    返回所选元素之前所有的兄弟元素(直到给定元素)

筛选

.first()		返回所选元素集合中的首个元素
.last()			返回所选元素集合中的最后一个元素
.eq(num)		返回所选元素集合中第num个元素(从0开始计数)
.filter(规则)	    返回所选元素集合中匹配规则的元素如.filter('.reg')
.not(规则)		返回所选元素集合中不匹配规则的元素,同上相反

Jq获取节点的方法还是很全的,同时也比较简单易懂,大大方便了我们的操作与使用。而JS获取节点的方法则要弱一些。

JS获取父亲、兄弟、子节点的方法
element.parentNode		获得所选节点的父节点
element.childNodes		获得所选节点的子节点集合
element.firstChild		获取所选节点的第一个子节点
element.lastChild		获取所选节点的最后一个子节点	
element.nextSibling		获得所选节点的下一个兄弟节点
element.previousSibling	    获取所选节点的上一个兄弟节点

相比是不是更喜欢用JQ的方法获取节点呢?

文章仅为知识点,方便以后使用,欢迎备份转载。

文章TAG:JQ,JS

作者:井井客原创来源:原创
本文标题:JQ和JS分别获取父亲、兄弟、子节点的方法
本文链接:/c/07100.html

上一篇:input点击文字消失 离开若无值则显示初始值
下一篇:[转]CSS中文字体Unicode编码

文章分类

相关阅读

随便看看