jQuery 在单击时仅选择当前元素

Question

使用 .on("click", 时是否可以干净地仅选择当前单击的 div 而不是子元素？

基本上我有一个外部 div，淡入时宽度为 100%，高度为 100%，然后中间有一个容器，我的目标是当您单击外部 div 时它会淡出，但当您单击外部 div 时它不会淡出您单击内部 div。

我在这里创建了一个 jFiddle 来演示这个问题:http://jsfiddle.net/silver89/kaxsL/

我尝试过使用 div > #box 但没有成功，所以需要更多建议吗？

Answer 1

试试这个:

$(document).on("click", "a", function(){
     $("#box").fadeIn("fast");
     return false;
});

$('div#box').on('click',function(e){
    $(this).fadeOut();
});

$('div.inner').on('click',function(e){
   e.stopPropagation();
});

您只需要阻止事件冒泡即可。您可以做任何您想做的事情来选择任一 div。 ​