一.JQuery

? ? $('#box').prent()? //父節(jié)點

? ? $('#box').prents()? //所有父節(jié)點

? ? $('#box').children()? //全部子節(jié)點，此方法獲取的是集合，可單個選取某一節(jié)點入$('#box').children('#text1')

? ? $('#box').prev()? ? //上一個兄弟節(jié)點

? ? $('#box').prevs()? //之前全部兄弟節(jié)點

? ? $('#box').next()? ? //下一個兄弟節(jié)點

? ? $('#box').nexts()? //之后所有兄弟節(jié)點

? ? $('#box').siblings() //所有兄弟節(jié)點,此方法獲取的是集合，可單個選取某一節(jié)點入$('#box').siblings('#text2')

? ? $('#box').find('#text3')? //搜索所有段落中的后代節(jié)點

? ? $('.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的全部子節(jié)點

var par=s.parentNode; ? //得到s的父節(jié)點

var ns=s.nextSbiling; ? //獲得s的下一個兄弟節(jié)點

var ps=s.previousSbiling; ?//得到s的上一個兄弟節(jié)點

var fc=s.firstChild; ? //獲得s的第一個子節(jié)點

var lc=s.lastChile; ? //獲得s的最后一個子節(jié)點