点击空白处div消失的方法

这是做的js页面的一部分，也是上一篇文章中加载json格式数据后展示的效果界面。

现在的问题是：点击南京市后会弹出下面的白色的框，点击框右上角的X号后会关闭白色的框，现在想点击白色的框周围的任一地方，白色框也都hidden。

解决的办法是：随意点击，如果点击的地方没有对应的类，则让白色框消失。

    $("*").click(function (e) {
                        if (!$(this).hasClass("city")) {
                            $(".city").children("span").css("background-position-x", "-152px");
                            $(".cityChoice").removeClass("show").addClass("hide");
                        }
                    })

附赠网上看到的js：

 $(document).ready(function () {
        $("*").click(function (event) {
            if (!$(this).hasClass("div")){
                $(".div").toggle();
            }
            event.stopPropagation(); //阻止事件冒泡    
        });
    });

 

转载于:https://www.cnblogs.com/pengpenglin/p/4912080.html