parent()、parents()與closest()方法兩兩之間有類似又有不同，本篇簡短的區分一下這三個方法。通過本篇內容，大家將會在以后使用.parent()、parents()和closest()時不會顯得無從下手。
我們直接看例子來來說明一下這三個方法的使用區別：
<ul id="menu" style="width:100px;">
<li>
<ul>
<li>
<a href="#">Home</a>
</li>
</ul>
</li>
<li>
End
</li>
</ul>接下來，分別看看這三個方法：
//點擊Home時
$("#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
$(this).closest("ul").css("background", "yellow"); //3
return false; }); 1.parent()方法從指定類型的直接父節點開始查找，在"0"中，<a>的直接父節點是<li>所以在這里找不到<ul>父節點。在"2"中先找到了<li>，接着找到<ul>，並將它的背景色設置為yellow。parent()返回一個節點。
2.parents()方法查找方式同parent()方法類似，不同的一點在於，當它找到第一的父節點時並沒有停止查找，而是繼續查找，最后返回多個父節點，如在"2"中，使得id為menu的ul整個背景色變成了yellow。
3.closest()方法查找時從包含自身的節點找起，它同parents()很類似，不同點就在於它只返回一個節點如在"3"中，實現的功能同1相同。但它使得代碼量減小，同"2"相比又只返回單一的一個節點。可見，closest()方法在項目中的使用頻率是比較大的。
但是注意一點:
看jQuery官方的解釋:
closest(expr,[context]|object|element)
概述
jQuery 1.3新增。從元素本身開始，逐級向上級元素匹配，並返回最先匹配的元素。。
closest會首先檢查當前元素是否匹配，如果匹配則直接返回元素本身。如果不匹配則向上查找父元素，一層一層往上，直到找到匹配選擇器的元素。如果什么都沒找到則返回一個空的jQuery對象。
closest和parents的主要區別是：1，前者從當前元素開始匹配尋找，后者從父元素開始匹配尋找；2，前者逐級向上查找，直到發現匹配的元素后就停止了，后者一直向上查找直到根元素，然后把這些元素放進一個臨時集合中，再用給定的選擇器表達式去過濾；3，前者返回0或1個元素，后者可能包含0個，1個，或者多個元素。
closest對於處理事件委托非常有用。
這里parents()方法雖然是將查詢到的元素都放在 了一個臨時集合中, 但是它並不是按照正常Dom結構放的, 而是按照查詢的順序放到臨時容器中的, 相當於是原始文檔的倒序放置方式. 注意: 這里倒序的意思是說: 元素的存放位置是倒序的, 例如: :first:, :last 等存放的順序是倒序的.
因為closest() 函數逐級向上查找，直到發現匹配的元素后就停止了, 因此它不支持 過濾選擇器 tr:first 等選擇器, 而 parents() 是要從多個元素中選擇出來一個適合的, 因此它可以使用過濾選擇器.
例如:
$(this).closest("tr").remove();
$(this).parents("tr:first").remove();
總結：
1.parent:只看一個父級，合適就合適，不合適就算了。
2.parents:從父類開始，逐級往上查，把所有合適條件的放在一個集合。
3.closest:從自身開始，逐級往上找，遇到合適的就停止。
轉自：http://blog.csdn.net/java85140031/article/details/19403253