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')