JQuery控制div外点击隐藏,div内点击不会隐藏
比如有个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内点击不会隐藏相关推荐
- 解题代码 用jquery控制一个按钮当一次点击完之后5 秒后才能继续点击 验证码的制作...
解题代码 用jquery控制一个按钮当一次点击完之后5 秒后才能继续点击 复制验证码的制作 转载于:https://www.cnblogs.com/yaomengli/p/6927630.html
- invoke 按钮点击_h5+ app内点击按钮实现复制功能 实现方法
在项目中由于要实现点击按钮复制功能, 我用的是H5+APP,实现代码如下(包括安卓+IOS): /** * //参数copy是要复制的文本内容 * tip 复制成功后的提示语,可空 */ functi ...
- jquery点击非div区域隐藏div
点击非div区域隐藏div,如图,点击圆的头像(.person-msg)弹出白色底框(.person-centre).点击圆头像以外的区域隐藏白色底框 html代码 <div class=&qu ...
- jquery点击按钮显示和隐藏div
[转]jquery点击按钮显示和隐藏DIv 1 function changeDisplay() { 2 if ($("#btnShow").attr("value&qu ...
- jquery控制div的显示与隐藏
使用jquery真的很方便,比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明. $("#id").show()表示display:block, $("#id ...
- html点击隐藏divjq,jquery点击a标签怎么显示和隐藏div?详解
你知道jquery点击a标签要如何才能够显示以及隐藏div吗?下面的文章要给大家讲解的就是这个方面的内容哦,一起来看看吧. 1.新建一个html文件,命名test.html,用来讲解jquery点击a ...
- html中怎么实现广告自动出来又自动隐藏?,基于jquery实现的定时显示与隐藏div广告的实现代码...
基于jquery实现的定时显示与隐藏div广告的实现代码 下面我给大家分享我的方法: 在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTime ...
- 当用户在DIV之外单击时,使用jQuery隐藏DIV
我正在使用此代码: $('body').click(function() {$('.form_wrapper').hide(); });$('.form_wrapper').click(functio ...
- ajax点击更改div,jquery ajax双击div可直接修改div中的内容
jquery ajax双击div可直接修改div中的内容 发布于 2017-04-03 17:26:16 | 127 次阅读 | 评论: 0 | 来源: 网友投递 jQuery javascript框 ...
- 原生js与jQuery显示隐藏div的几种方法
原生Js与jQuery显示隐藏div的几种方法 简介:本文将会讲解,如何使用原生的JS和jquery来实现对于这个div盒子的隐藏 js 方式一 首先是进行js演示和讲解. 首先是display的方法 ...
最新文章
- Linux那些事儿 之 戏说USB(29)驱动的生命线(一)
- iOS关于像素的适配
- 关于《强化狼群等级制度的灰狼优化算法》的问题邮件回复
- R语言dplyr包的mutate函数将列添加到dataframe中或者修改现有的数据列:使用na_if()函数将0值替换为NA值、负收入替换为NA值
- 期末微积分考试试题求解 :利用python求解
- Java 内存模型和 JVM 内存结构真不是一回事
- 由于超出容量限制_限制特高压系统中的过电压措施
- signature=78718ebfda6f8d955fae3e9c9c284f5d,SKI SAFETY BINDING WITH SWIVELLING SOLE PLATE
- day01-计算机操作系统java编程入门
- 数组(array)(小谈)
- mbed OS - ARM关于物联网(IoT)的战略布局
- java Hello World程序分析(翻译自Java Tutorials)
- OpenCV:概述、结构和内容
- 读写自旋锁 linux,boost是否像Linux一样提供读写自旋锁机制?
- 在线HTTP接口测试 - HTTP GET/POST模拟请求测试工具
- 利用win10自带的工具测硬盘读写速度
- 数据库安装、数据导入及格式转换20200514
- ffmpeg遇到Non-monotonous DTS in output stream的问题
- Kvm与webvirtmgr虚拟化安装
- SSD ECC中的LDPC编解码原理