除了子div之外，对主div使用jQuery指令

Question

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

我通过这段代码来做到这一点：

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

我在div中使用id="second"的另一个div id="main"：

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

当我点击带id="second"的div时，我不希望身体背景发生变化。我怎么能这样做？

Answer 1

Working example。

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

Answer 2

如果你想只阻止id为second的孩子那么你可以这样做，

<强> Live Demo

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