如果點擊了#test或其子項，隱藏#test？

Question

標題總結了它。

我只是想在#test或其子項被點擊時隱藏#test。

Answer 1

您可以使用event bubbling，你的優勢在這裏，例如：

$("#test").click(function(e) { 
    e.stopPropagation(); 
}); 
$(document).click(function() { 
    $("#test").hide(); 
}); 

如果點擊來自內#test來到它停止通過event.stopPropagation()冒泡，如果從其他地方的click將（通過來默認）一直膨脹到document，其中.click()處理程序隱藏#test。

Answer 2

也許是這樣的：

// http://api.jquery.com/delegate/ 
// http://api.jquery.com/not-selector/ 

$("body").delegate("*:not(#test)", "click", function() { 
    $("#test").hide(); // But would be better to cache $("#test") ! 
});