怎么选择子元素而不选择父元素？？？？？

比如


<div id="d1" style="height:200px;width:300px;background-color:#ccc;margin:auto 0;">
    <div id="d2" style="height:50px;width:50px;background-color:#ddd;padding:10;">
        小DIV
    </div>
    大的DIV
</div>




$(document).ready(function(){
    $('#d1').not('#d2').click(function(){
        alert('你点击了大DIV');
    });
    $('#d2').click(function(){
        alert('你点击了小DIV');
    });
});
现在我点击大DIV，弹出你点击了大DIV'
点击小DIV，弹出你点击了大DIV'  和     弹出你点击了小DIV'
怎么只弹出你点击了小DIV'

$('#d2').click(function(){
        alert('你点击了大DIV');
return false; //加这句
    });

第1个div随便你加不加

$("#d2").click(function(event) { event.stopPropagation() }

谢谢楼上两位
都可以实现
哈哈

$('#d2').click(function(){
        alert('你点击了小DIV');
});
不就行了吗

事件冒泡