zoukankan      html  css  js  c++  java
  • 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=" 300px; height: 300px; background-color: #CBC7BC;">  
                div测试内容,点击其它地方会隐藏此div模块。  
            </div>  
        </body>  
      
    </html>  
  • 相关阅读:
    linux网桥浅析
    linux slub分配器浅析
    vs2015 C# WinForm 使用皮肤 美化窗体
    枚举可以直接赋值给int
    LINK : fatal error LNK1000: Internal error during IncrBuildImage
    map映射类
    map
    time
    int to string
    eclipse
  • 原文地址:https://www.cnblogs.com/wangyongx/p/8391349.html
Copyright © 2011-2022 走看看