使用jQuery获取父级节点、兄弟节点、子级节点的方法

一、jQuery的父节点查找方法

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

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

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

 

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

        $(selector).prev()   /   $(selector).previousSibling()：获取上一个兄弟节点   这种获取不到，previousSibling是DOM节点的一个属性

        $(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)：替换并返回指定的子节点