jQuery弹出层_点击自身以外地方关闭弹出层

本文转载自查看原文 2013-01-05 10:25 6801 Javascript/ Jquery

<html>
<style>
.hide{display:none;}
</style>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("div.down").click(function(e) {
        e.stopPropagation();
        $("div.con").removeClass("hide");
    });
    $(document).click(function() {
        if (!$("div.con").hasClass("hide")) {
            $("div.con").addClass("hide");
        }
    });
});
</script>
<body>
    <div class="down">click</div>
    <div class="con hide">show-area</div>
</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 jq点击按钮打开和关闭弹出层，点击除了当前按钮以外的地方关闭弹出层 JQuery弹出层，点击按钮后弹出遮罩层，有关闭按钮 layer点击确定关闭弹出层事件 jQuery弹出关闭遮罩层 jQuery点击图片弹出大图遮罩层 Layer 弹出页面在点击保存关闭弹出层 jQuery点击图片弹出大图遮罩层 layui关闭弹出层 vue点击遮罩层内功能区以外的地方，遮罩层关闭 layer 关闭弹出层