听取点击div，但没有点击它的任何孩子时

Question

我试图隐藏一个div和它的孩子，当点击div时，但没有发生任何事件时，它的任何孩子;例如轻扫，点按或点击。

隐藏在点击的div jQuery的很简单：

$("#tabs").click(function(){ 
    $(this).fadeOut(); 
}); 

但我注意到，当它的孩子们点击或滑，在div淡出。

当这些事件发生在它的孩子身上时，我怎样才能防止div淡出，但是让它淡出只有它自己的onclick？

Answer 1

检查，如果点击的元素是被绑定在相同的元素：

$("#tabs").click(function(e){ 
    if (e.target == this) 
     $(this).fadeOut(); 
});