事件冒泡

<p id="btnClick">点击显示</p>

<div id="pop" class="centerDiv radius" style="display:none; width: 260px; height: 100px; border:1px solid #ddd; background:#f7f7f7; color:#000;"></div>

<script type="text/javascript">
    //点击#btnClick时要阻止冒泡，否则.pop是不显示的，
    //因为冒泡了，会执行到下面的方法。
    function stopPropagation(e) {
        var ev = e || window.event;
        if (ev.stopPropagation) {
            ev.stopPropagation();
        }
        else if (window.event) {
            window.event.cancelBubble = true;//兼容IE
        }
    }
    $("#btnClick").click(function (e) {
        alert(1)
        $("#pop").show();
        stopPropagation(e);
    });
    $(document).bind('click', function () {
        $("#pop").hide();
    });
    $("#pop").click(function (e) {
        stopPropagation(e);
    });
</script>