zoukankan      html  css  js  c++  java
  • jquery 点击空白处隐藏div元素

    <style type="text/css">
    .pop {
    display:none;
    200px;
    height: 130px;
    background: #080;
    }
    </style>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(function(){
    $("#clickBtn").click(function(){
    $(".pop").show();
    });
    $(document).bind("click",function(e){
    var target  = $(e.target);
    if(target.closest(".pop,#clickBtn").length == 0){/*.closest()沿 DOM 树向上遍历,直到找到已应用选择器的一个匹配为止,返回包含零个或一个元素的 jQuery 对象。*/
    $(".pop").hide();
    };
    e.stopPropagation();
    })
    })
    </script>

  • 相关阅读:
    6.5 列出当前目录所有文件
    6.4 协程写文件
    6.3 写文件
    6.2 创建空目录
    6.1 os 获取文件状态
    5.13 json
    es2016
    短路原理
    fexbox
    vue @
  • 原文地址:https://www.cnblogs.com/zhouyx/p/5468463.html
Copyright © 2011-2022 走看看