jq 点击元素其他区域 该元素隐藏

<html>
<head>
    <title></title>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $(".d").click(function(){
                $(".mk").show();
                return false;//关键是这里,阻止冒泡
            });
            $(".mk").click(function(){
                return false;
            });
            $(document).click(function(){
                $(".mk").hide();
            });
        })
    </script>
</head>
<body>
    <input type="button" class="d" value="s"/>
    <div class="mk" style="width:100px;height:100px;background:#a30;display:none;"></div>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/a5816138/article/details/74755027