Jquery点击除了指定div元素其他地方,隐藏该div


<!DOCTYPE html>  
<html>  
  
    <head>  
        <meta charset="UTF-8">  
        <script type="text/javascript" src="js/jquery.min.js"></script>  
        <title></title>  
        <script type="text/javascript">  
            $(document).bind('click', function(e) {  
                var e = e || window.event; //浏览器兼容性   
                var elem = e.target || e.srcElement;  
                while (elem) { //循环判断至跟节点,防止点击的是div子元素   
                    if (elem.id && elem.id == 'test') {  
                        return;  
                    }  
                    elem = elem.parentNode;  
                }  
                $('#test').css('display', 'none'); //点击的不是div或其子元素。。这里可以更改其他的内容
/*
if ( $('#side_shop_cart').hasClass('sh-hi') ) {

$('.shop-car-sider').animate({left:'35px',opacity:'hide'},'normal',function(){

$('.shop-car-sider').removeClass('sh-hi');
});
}*/

            });  
        </script>  
    </head>  
  
    <body>  
        <div id="test" style="width: 300px; height: 300px; background-color: #CBC7BC;">  
            div测试内容,点击其它地方会隐藏此div模块。  
        </div>  
    </body>  
  
</html>  

优质内容筛选与推荐>>
1、反射
2、解决用cmake编译与opencv相关的工程出现的错误
3、工欲善其事,必先利其器
4、打包文件 MANIFEST.MF 功能详解
5、能读懂这些话的,都是心里有故事的人


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号