jQuery实现鼠标点击div外的地方div隐藏消失的效果

css部分:

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

样式与JS部分:

<body>
  <script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

  <script type="text/javascript">
    $(function(){

      $(document).bind("click",function(e){
          var target  =
$(e.target);
          if(target.closest(".pop").length == 0){
              
$(".pop").hide();
            }    
       })
    })
  </script>

<div
class="pop"></div>

点击空白的地方指定div 隐藏消失了
</body>

上一篇:SpringBoot系列四:SpringBoot开发(改变环境属性、读取资源文件、Bean 配置、模版渲染、profile 配置)


下一篇:Python 的类的下划线命名有什么不同?