1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > jquery 获取元素(父节点 子节点 兄弟节点)

jquery 获取元素(父节点 子节点 兄弟节点)

时间:2020-06-24 19:41:12

相关推荐

jquery 获取元素(父节点 子节点 兄弟节点)

一、jQuery的父节点查找方法

$(selector).parent(selector):获取父节点

$(selector).parentNode:以node[]的形式存放父节点,如果没有父节点,则返回空数组

$(selector).parents(selector):获取祖先元素

二、jQuery的兄弟节点查找方法

$(selector).prev() / $(selector).previousSibling():获取上一个兄弟节点

$(selector).prevAll():获取之前所用的兄弟节点

$(selector).next() / $(selector).nextSibling():获取下一个兄弟节点

$(selector).nextAll():获取之后所有的兄弟节点

$(selector).siblings():获取所有的兄弟节点

三、jQuery的子节点查找方法

$(selector).children():获取所有直接子节点

$(selector).childNodes:以node[]的形式存放子节点,如果没有子节点,则返回空数组

$(selector).firstChild:获取第一个子节点

$(selector).lastChild:获取最后一个子节点

$(selector).contents():获取包含的所有内容,包括空文本

$(selector).removeChild(selector):删除并返回指定的子节点

$$(selector).replaceChild(selector):替换并返回指定的子节点

jquery查找子节点的方法总结

通过jquery强大的选择器功能,你可以随意的用jquery选中你想要的那个元素,jquery查找子节点的方法很多,只要掌握了jquery选择器的使用,jquery查找子节点都不是难事

jquery查找子节点的方法有很多,重点是要掌握jquery对象选择器的使用,我们就jquery查找节点这一方面给出,jquey查找子节点的各种方法,首先我们要选择父节点,比如是一个 id 为 test 的 div元素,我们这样选中,$('#test'),我们要查找这个div下的一个class为demo的span元素,有一下几种方法

1、使用筛选条件

$('#test span.demo')

2、使用find()函数

$('#test').find('span.demo')

3、使用children()函数

$('#test').children('span.demo')

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。