jQuery Child 正在捕获点击，只需要 Parent

Question

假设我有这个:

<div id="outer">
 <div id="inner">
 </div>
</div>

外部 div 的尺寸为 500x500，内部 div 的尺寸为 100x100。我正在尝试使用以下内容:

$('#outer').click(function() {
    $('#outer').fadeOut();
});

但是当你点击#inner的100x100区域时，它仍然淡出。如何防止这种情况发生？

Answer 1

我发现这段代码效果更好，并且不依赖于知道元素的 id 或类:

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