一.JQuery
$('#box').prent() //父节点
$('#box').prents() //所有父节点
$('#box').children() //全部子节点，此方法获取的是集合，可单个选取某一节点入$('#box').children('#text1')
$('#box').prev() //上一个兄弟节点
$('#box').prevs() //之前全部兄弟节点
$('#box').next() //下一个兄弟节点
$('#box').nexts() //之后所有兄弟节点
$('#box').siblings() //所有兄弟节点,此方法获取的是集合，可单个选取某一节点入$('#box').siblings('#text2')
$('#box').find('#text3') //搜索所有段落中的后代节点
$('.box').eq(1) //如果有两个box类想选取第二个则可以用eq()来获取
$("ul li").first(); // 选取ul li中匹配的第一个元素
$("ul li").last(); // 选取ul li中匹配的最后一个元素
$("ul li").slice(1, 4); // 选取第2 ~ 4个元素
2.原生js
var chils= s.childNodes; //得到s的全部子节点
var par=s.parentNode; //得到s的父节点
var ns=s.nextSbiling; //获得s的下一个兄弟节点
var ps=s.previousSbiling; //得到s的上一个兄弟节点
var fc=s.firstChild; //获得s的第一个子节点
var lc=s.lastChile; //获得s的最后一个子节点
