向上遍歷的DOM樹（祖先）
- parent()
- parents()
- parentsUntil()
$(document).ready(function(){
$("span").parent(); //獲取span便簽的第一個父元素（只獲取一個）
})桌硫；
$(document).ready(function(){
$("span").parents(); // 獲取span 標(biāo)簽的所有父級元素（所有）
});
$(document).ready(function(){
$("span").parents("ul"); // 獲取span 標(biāo)簽的所有父級元素中 為 ul 標(biāo)簽的父級元素
});
$(document).ready(function(){
$("span").parentsUntil("div"); // 獲取span 標(biāo)簽到div標(biāo)簽中間的所有的父級元素
});
向下遍歷DOM樹（后代）
children()
-
find()
$(document).ready(function(){ $("div").children(); // 直接找到div標(biāo)簽的直接子元素，也就是兒子元素铆隘，不包括孫子元素 }); $(document).ready(function(){ $("div").children("p.1"); // 直接找到div標(biāo)簽的直接子元素中的class=1的p標(biāo)簽（不包括孫子元素） }); $(document).ready(function(){ $("div").find("span"); // 返回被選元素的后代元素，一路向下直到最后一個后代掏湾。 }); $(document).ready(function(){ $("div").find("*"); // 返回被選元素的所有后代 });
在 DOM 樹中水平遍歷（同胞）
siblings()
next()
nextAll()
nextUntil()
prev()
prevAll()
-
prevUntil()
$(document).ready(function(){ $("h2").siblings(); //選中h2元素的所有同胞元素 }); $(document).ready(function(){ $("h2").siblings("p"); //選中h2元素的所有同胞元素中的p元素 }); $(document).ready(function(){ $("h2").next(); // 選中h2標(biāo)簽的下一個兄弟標(biāo)簽元素 }); $(document).ready(function(){ $("h2").nextAll(); //選中h2標(biāo)簽所有跟隨的兄弟元素 }); $(document).ready(function(){ $("h2").nextUntil("h6"); //選中h2標(biāo)簽和h6標(biāo)簽中所有兄弟元素 }); ### prev(), prevAll() 以及 prevUntil() 方法的工作方式與上面的方法類似，只不過方向相反而已：它們返回的是前面的同胞元素（在 DOM 樹中沿著同胞元素向后遍歷忘巧，而不是向前）。
在DOM樹中（過濾）
first()
last()
eq()
filter()
-
not
$(document).ready(function(){ $("div p").first(); // 返回（首個）div內(nèi)部中的第一個p元素 }); $(document).ready(function(){ $("div p").last(); // 返回（最后一個）div內(nèi)部的最后一個p元素 }); $(document).ready(function(){ $("p").eq(1); // 返回第二個p標(biāo)簽 }); $(document).ready(function(){ $("p").filter(".url"); //返回帶有類名url的的p元素 }); $(document).ready(function(){ $("p").not(".url"); // 返回不帶有類名為url的p元素 });
