Jq如何处理点击非当前div的时候隐藏div

Jquery 点击分当前div 的时候隐藏div


$(document).click(function(e){
    var e = e || window.event;
    var elem = e.target || e.srcElement;
    while (elem) {
        if (elem.id && elem.id == '所需ID值') {  
            return;  
        }  
        elem = elem.parentNode;  
    }
    $(".search-box .form").hide();
});


文章来源地址https://www.toymoban.com/diary/web/191.html



到此这篇关于Jq如何处理点击非当前div的时候隐藏div的文章就介绍到这了,更多相关内容可以在右上角搜索或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://www.toymoban.com/diary/web/191.html

如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用
未经允许不得转载:Toy模板网 » Jq如何处理点击非当前div的时候隐藏div
上一篇 2023年08月19日 16:45
下一篇 2023年08月19日 16:45

相关文章

  • vue3项目中,点击某个div以外的区域,将这个div隐藏

    使用 @click 来监听 div 的点击事件,并通过 v-if 来控制 div 的显示与隐藏。在组件的 mounted 钩子函数中,通过 document.addEventListener 添加了一个点击事件监听器,用于监听整个页面的点击事件。当点击事件发生时,会调用 handleClickOutside 方法来检查是否需要隐藏 div。最后,在组件

    2024年02月13日
    浏览(36)
  • JQuery(一):快速入门、JQ与JS相互转换、JQuery中的选择器

    目录 1.前言 2.JQuery快速入门 2.1使用步骤 3.JQuery对象和JS对象的区别与相互转换 4.JQuery中的选择器  4.1基本操作学习 4.2分类 ①基本选择器 ②属性选择器 ③表单过滤器选择         jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或Java

    2024年02月16日
    浏览(42)
  • 【前端】JQ实时显示当前日期、时间、星期

    效果图 html JS

    2024年02月10日
    浏览(48)
  • jq如何获取选中option的值_使用jquery操作select(获取选中option的值等)

    总结下使用jQuery操作select的方法。 1.获取第一个候选项的值。 $(\\\'#test option:first\\\').val(); 2.获取最后一个候选项的值。 $(\\\'#test option:last\\\').val(); 3.获取第二个候选项的值。 $(\\\'#test option:eq(1)\\\').val(); 4.获取选中的候选项的值。 $(\\\'#test\\\').val(); $(\\\'#test option:selected\\\').val(); 5.设置值为2的候选项

    2023年04月08日
    浏览(52)
  • 前端设置div的显示与隐藏

    两种方式: 1.隐藏后释放占用的页面空间 通过设置display属性可以使div隐藏后释放占用的页面空间 2.隐藏后仍占有页面空间,显示空白 div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 其他方式

    2024年02月12日
    浏览(43)
  • selenium如何定位div、onclick、以及span、以及出现验证码如何处理

    1、有些div中什么属性都没有,只有个文本内容 如图我们要定位账号或密码错误文本内容,就得使用xpath方法定位,这里使用了xpath的模糊语句 如果这是提示信息,那么我们就得加上时间等待,不然就会出现定位不到的错误,时间可以是强制等待 2、如果我们要定位的内容只有

    2024年02月11日
    浏览(31)
  • jQuery控制元素的显示与隐藏(三种方式对比)

    hide:是$(“.类名”)或$(“#标签名”)或$(“标签名”).hide() show:是$(“.类名”)或$(“#标签名”)或$(“标签名”).show() 元素直接消失,没有任何动态效果 通过控制元素的高度来显示与隐藏,因此会有动画效果。slideToggle如果你操作的与元素是隐藏的,那么那就会显示,如果是显示

    2024年02月05日
    浏览(44)
  • div绑定键盘点击事件

    为箭头绑定绑定键盘方向键 键盘上各按键对应的英文名

    2024年02月07日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包