比如有个div其id为body,实现在div外点击隐藏,div内点击不隐藏,采用jQuery实现如下:

 $("#body").click(function(e) {$(this).show();e.stopPropagation();});$(document).click(function(event) {$("#body").hide();});

如果div内点击隐藏,可采用jQuery的触发事件

$(document).trigger("click");

JQuery控制div外点击隐藏,div内点击不会隐藏相关推荐

  1. 解题代码 用jquery控制一个按钮当一次点击完之后5 秒后才能继续点击 验证码的制作...

    解题代码 用jquery控制一个按钮当一次点击完之后5 秒后才能继续点击 复制验证码的制作 转载于:https://www.cnblogs.com/yaomengli/p/6927630.html

  2. invoke 按钮点击_h5+ app内点击按钮实现复制功能 实现方法

    在项目中由于要实现点击按钮复制功能, 我用的是H5+APP,实现代码如下(包括安卓+IOS): /** * //参数copy是要复制的文本内容 * tip 复制成功后的提示语,可空 */ functi ...

  3. jquery点击非div区域隐藏div

    点击非div区域隐藏div,如图,点击圆的头像(.person-msg)弹出白色底框(.person-centre).点击圆头像以外的区域隐藏白色底框 html代码 <div class=&qu ...

  4. jquery点击按钮显示和隐藏div

    [转]jquery点击按钮显示和隐藏DIv 1 function changeDisplay() { 2 if ($("#btnShow").attr("value&qu ...

  5. jquery控制div的显示与隐藏

    使用jquery真的很方便,比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明. $("#id").show()表示display:block, $("#id ...

  6. html点击隐藏divjq,jquery点击a标签怎么显示和隐藏div?详解

    你知道jquery点击a标签要如何才能够显示以及隐藏div吗?下面的文章要给大家讲解的就是这个方面的内容哦,一起来看看吧. 1.新建一个html文件,命名test.html,用来讲解jquery点击a ...

  7. html中怎么实现广告自动出来又自动隐藏?,基于jquery实现的定时显示与隐藏div广告的实现代码...

    基于jquery实现的定时显示与隐藏div广告的实现代码 下面我给大家分享我的方法: 在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTime ...

  8. 当用户在DIV之外单击时,使用jQuery隐藏DIV

    我正在使用此代码: $('body').click(function() {$('.form_wrapper').hide(); });$('.form_wrapper').click(functio ...

  9. ajax点击更改div,jquery ajax双击div可直接修改div中的内容

    jquery ajax双击div可直接修改div中的内容 发布于 2017-04-03 17:26:16 | 127 次阅读 | 评论: 0 | 来源: 网友投递 jQuery javascript框 ...

  10. 原生js与jQuery显示隐藏div的几种方法

    原生Js与jQuery显示隐藏div的几种方法 简介:本文将会讲解,如何使用原生的JS和jquery来实现对于这个div盒子的隐藏 js 方式一 首先是进行js演示和讲解. 首先是display的方法 ...

最新文章

  1. Linux那些事儿 之 戏说USB(29)驱动的生命线(一)
  2. iOS关于像素的适配
  3. 关于《强化狼群等级制度的灰狼优化算法》的问题邮件回复
  4. R语言dplyr包的mutate函数将列添加到dataframe中或者修改现有的数据列:使用na_if()函数将0值替换为NA值、负收入替换为NA值
  5. 期末微积分考试试题求解 :利用python求解
  6. Java 内存模型和 JVM 内存结构真不是一回事
  7. 由于超出容量限制_限制特高压系统中的过电压措施
  8. signature=78718ebfda6f8d955fae3e9c9c284f5d,SKI SAFETY BINDING WITH SWIVELLING SOLE PLATE
  9. day01-计算机操作系统java编程入门
  10. 数组(array)(小谈)
  11. mbed OS - ARM关于物联网(IoT)的战略布局
  12. java Hello World程序分析(翻译自Java Tutorials)
  13. OpenCV:概述、结构和内容
  14. 读写自旋锁 linux,boost是否像Linux一样提供读写自旋锁机制?
  15. 在线HTTP接口测试 - HTTP GET/POST模拟请求测试工具
  16. 利用win10自带的工具测硬盘读写速度
  17. 数据库安装、数据导入及格式转换20200514
  18. ffmpeg遇到Non-monotonous DTS in output stream的问题
  19. Kvm与webvirtmgr虚拟化安装
  20. SSD ECC中的LDPC编解码原理

热门文章

  1. mac sublime text 3 列操作,替换相同内容, 用动态输入的方式
  2. 二叉树的层序遍历 二叉树
  3. 5G面临的挑战和应用场景
  4. mySQL常用操作及基础知识
  5. python操作数据库的两种方式
  6. kafka集群安装配置
  7. PCA方法从原理到实现
  8. Linux下的Libsvm使用历程录
  9. linux不解压情况下查看压缩包内文件的总行数、文件列表的数目
  10. 【CF Contest-1251 E2】Voting (Hard Version)【贪心】