Question

I have a div width id="main".
I want that when clicked, its body background changes to black.

I do that by this code:

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

I have another div with id="second" in div with id="main":

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

I don’t want body background to change when I click div with id="second". How can I do that?

Answer 1

Working example.

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