jquery - 对主 div 使用 jQuery 指令，子 div 除外

Question

我有一个 div 宽度id="main"。我希望单击时，它的主体背景变为黑色。

我通过以下代码做到这一点：

$("#main").click(function(){
    $("body").css("background", "#000");
});

我id="second"在 div 中有另一个 div id="main"：

<div id="main">
    <div id="second">
    </div>
</div>

当我单击 div 时，我不希望正文背景发生变化id="second"。我怎样才能做到这一点？

Answer 1

工作示例。

$("#second").click(function (event) {
    event.stopPropagation();
});​

Answer 2

如果你想阻止唯一的孩子，那么你可以这样做，

现场演示

$("#main").click(function(event){
  if(event.target.id != "second")
  {   
       $("body").css("background", "#000");
  }
});