<ul>

<li>

<ul>

</ul>

</li>

<li>End</li>

</ul>

接下來，分別看看這兩個方法：

<script type="text/javascript">

$("#menu a").click(function() {

$(this).parent("ul").css("background", "yellow"); //以下介紹用0表示

$(this).parent("li").parent("ul").css("background", "yellow"); //以下介紹用1表示

$(this).parents("ul").css("background", "yellow"); //以下介紹用2表示

});

</script>

1.parent()方法從指定型別的直接父節點開始查詢，在"0"中，<a>的直接父節點是<li>所以在這裡找不到<ul>父節點。在"1"中先找到了<li>，接著找到<ul>，並將它的背景色設定為yellow。parent()返回一個節點。

2.parents()方法查詢方式同parent()方法類似，不同的一點在於，當它找到第一的父節點時並沒有停止查詢，而是繼續查詢，最後返回多個父節點，如在"2"中，使得id為menu的ul整個背景色變成了yellow。