博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery实现鼠标点击div外的地方div隐藏消失的效果(转)
阅读量:2240 次
发布时间:2019-05-09

本文共 588 字,大约阅读时间需要 1 分钟。

转:

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);

                        // 判断有没有这个class

          if(target.closest(".pop").length == 0){
               $(".pop").hide();
            }    
       })
    })
  </script>
<div class="pop"></div>
点击空白的地方指定div 隐藏消失了
</body>

转载于:https://www.cnblogs.com/zhaobao1830/p/10132368.html

你可能感兴趣的文章
【LEETCODE】290-Word Pattern
查看>>
【LEETCODE】36-Valid Sudoku
查看>>
【LEETCODE】205-Isomorphic Strings
查看>>
【LEETCODE】204-Count Primes
查看>>
【LEETCODE】228-Summary Ranges
查看>>
【LEETCODE】27-Remove Element
查看>>
【LEETCODE】66-Plus One
查看>>
【LEETCODE】26-Remove Duplicates from Sorted Array
查看>>
【LEETCODE】118-Pascal's Triangle
查看>>
【LEETCODE】119-Pascal's Triangle II
查看>>
【LEETCODE】190-Reverse Bits
查看>>
word2vec 模型思想和代码实现
查看>>
怎样做情感分析
查看>>
用深度神经网络处理NER命名实体识别问题
查看>>
用 RNN 训练语言模型生成文本
查看>>
RNN与机器翻译
查看>>
用 Recursive Neural Networks 得到分析树
查看>>
RNN的高级应用
查看>>
TensorFlow-7-TensorBoard Embedding可视化
查看>>
轻松看懂机器学习十大常用算法
查看>>