• 技术文章 >web前端 >js教程

    jQuery点击任何地方隐藏DIV功能

    小云云小云云2018-01-19 13:22:14原创1082
    本文主要介绍了jQuery除指定区域外点击任何地方隐藏p的相关资料,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下,希望能帮助到大家。

    具体代码如下所示:


    $('body').click(function(e) {
      var target = $(e.target);
      // 如果#overlay或者#btn下面还有子元素,可使用
      // !target.is('#btn *') && !target.is('#overlay *')
      if(!target.is('#btn') && !target.is('#overlay')) {
        if ( $('#overlay').is(':visible') ) { 
          $('#overlay').hide();                          
        }
      }
    });

    或者


    $('body').click(function(e) {
      if(e.target.id != 'btn' && e.target.id != 'overlay')
       if ( $('#overlay').is(':visible') ) {
         $('#overlay').hide();
       }
    })

    PS:下面在接着看一段代码jquery 点击除本身外其他地方隐藏


    $("#test").click(function(e) { 
      e?e.stopPropagation():event.cancelBubble = true; 
    }); 
    $(document).click(function() { 
      $("#test").fadeOut(); 
    <pre name="code" class="html">e?e.stopPropagation():event.cancelBubble = true;  为阻止冒泡事件</pre> }); 
    <pre></pre> 
    <br> 
    <link rel="stylesheet" href="http://static.blog.csdn.net/public/res-min/markdown_views.css?v=2.0">

    相关推荐:

    jQuery除指定区域外点击任何地方隐藏DIV功能

    js按类名隐藏div之间的内容

    用css3显示隐藏div的实例教程

    以上就是jQuery点击任何地方隐藏DIV功能的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jQuery 隐藏 地方
    上一篇:vue、vue-validator实现表单验证功能 下一篇:mescroll.js上拉加载下拉刷新组件详解
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 一起聊聊JavaScript函数的定义与基本使用• 详解如何使用Node.js开发一个简单图片爬取功能• JavaScript中的数组知识点总结• JavaScript怎么创建多个对象?详解四种方法• JavaScript DOM API知识串讲
    1/1

    PHP中文网