DIV外部点击事件

<style>
    body{background:black;}
    #myDiv{background: #fff;width:250px;height:250px;display:none;}
</style>
<div id="myDiv">This is a div;16</div>
<input id="btn" type="button" value="显示DIV" />

    <script type="text/javascript">
        var myDiv = $("#myDiv");
        $(function () {
                $("#btn").click(function (event) {
                    showDiv();//调用显示DIV方法23
                    $(document).one("click", function () {
                        //对document绑定一个影藏Div方法24
                        $(myDiv).hide();
                        });
                    event.stopPropagation();//阻止事件向上冒泡27 
                    });
                $(myDiv).click(function (event) {
                    event.stopPropagation();//阻止事件向上冒泡
                    });
                });
        function showDiv() {
            $(myDiv).fadeIn();
        }
</script>