JS和JQuery获取当前元素的兄弟及父级等元素的方法

jQuery.parent(expr) ，找父亲节点，可以传入 expr 进行过滤，比如 $("span").parent() 或者 $("span").parent(".class")

jQuery.parents(expr) ，类似于 jQuery.parents(expr) ，但是是查找所有祖先元素，不限于父元素

jQuery.children(expr) ，返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点

jQuery.contents() ，返回下面的所有内容，包括节点和文本。这个方法和 children() 的区别就在于，包括空白文本，也会被作为一个 jQuery 对象返回， children() 则只会返回节点

jQuery.prev() ，返回上一个兄弟节点，不是所有的兄弟节点

jQuery.prevAll() ，返回所有之前的兄弟节点

jQuery.next() ，返回下一个兄弟节点，不是所有的兄弟节点

jQuery.nextAll() ，返回所有之后的兄弟节点

jQuery.siblings() ，返回兄弟姐妹节点，不分前后

jQuery.find(expr) ，跟 jQuery.filter(expr) 完全不一样：

jQuery.filter() ，是从初始的 jQuery 对象集合中筛选出一部分，而

jQuery.find() ，的返回结果，不会有初始集合中的内容，比如 $("p").find("span") ，是从 <p> 元素开始找 <span> ，等同于 $("p span")

JS获取：

var chils= s.childNodes;  //得到s的全部子节点
var par=s.parentNode;   //得到s的父节点
var ns=s.nextSibling;   //获得s的下一个兄弟节点
var ps=s.previousSibling;  //得到s的上一个兄弟节点
var fc=s.firstChild;   //获得s的第一个子节点
var lc=s.lastChild;   //获得s的最后一个子节点

JS获取节点父级，子级元素：JS的方法会比JQUERY麻烦很多，主要则是因为FF、谷歌浏览器会把你的换行也当作DOM元素：空的text元素，目前IE也是这样

<div id="test">
　　<div></div>
　　<div></div>
</div>

原生的JS获取ID为test的元素下的子元素。

var a = docuemnt.getElementById("test").getElementsByTagName("div");

这样是没有问题的，此时 a.length=2；

但是如果我们换另一种方法：

var b =document.getElementById("test").childNodes;