JS和jQuery查找元素的方法总结

在JS中：

1.元素.children     找到该元素的所有子元素

2.元素.childNodes     找到该元素的所有子节点

3. 元素.parentNode   找到父节点，也是父元素，因为只有元素才会有子节点

4.元素.parentElement   找到父元素，其实和parentNode是差不多的，只不多parentElement不是标准属性，是IE弄出来的属性，他们的区别还有: parentNode最高能找到document,而parentElement最高只能找到html,原因是document是一个节点，但不是元素。

5.元素.nextSibling   找到该元素的下一个兄弟节点，可能是文本、注释、标签；

6.元素.nextElementSibling   找到该元素的下一个兄弟元素，只找到标签，若该元素已经是最后一个，下面没有兄弟元素了，返回null。ps:IE8及之前的老版本浏览器支持。

找到下一个兄弟元素的兼容写法：

7.元素.previousSibling   找到该元素的上一个兄弟节点，可能是文本、注释、标签；

8.元素.previousElementSibling   找到该元素的上一个兄弟元素，只找到标签，若该元素已经是第一个，上面没有兄弟元素了，返回null。ps:IE8及之前的老版本浏览器支持。

找到上一个兄弟元素的兼容写法：

9.元素.firstChild;   找到该元素的第一个兄弟节点，可能是文本、注释、标签；

10.元素.firstElementChild;   找到该元素的第一个子元素（标签）；

11.元素.lastChild;   找到该元素的最后一个兄弟节点，可能是文本、注释、标签；

12.元素.lastElementChild;   找到该元素的最后一个子元素（标签）；