Trigger event on parent click but not on children

Question

If I have a parent div that is positioned absolutely and then a child div that has a higher z-index and is positioned relatively, is there a way to have a click event register only if the parent div is clicked, but not the inside div?

Relevant jsFiddle

Updated fiddle with text input example

Answer 1

$(".parent").click(function(e) {
    if (e.target == this) {
        $(this).hide();
    }
});​

DEMO: http://jsfiddle.net/Bt5HA/4/

Answer 2

Change to:

$('.child a').click(function(e) {
    $(this).parent('.child').hide();
});​

Answer 3

访问子元素并在点击时返回false http://jsfiddle.net/Bt5HA/3/

Answer 4

Try This

$('#child').click(function(event) {
event.stopPropagation();
alert('You clicked Child');
});


$('#parent').click(function() {
alert('You clicked on Parent');
});

You can check working here http://jsfiddle.net/VnHGh/24/