位置: 编程技术 - 正文

jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)(jquery触发点击事件click)

编辑:rootadmin

推荐整理分享jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)(jquery触发点击事件click),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery触发点击事件click,jquery的点击事件怎么写,jquery点击事件有什么方法显示,jquery的点击事件怎么写,jquery点击按钮弹出窗口,jquery实现点击按钮,jquery中点击事件点击没动静,jquery实现点击按钮,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例讲述了jQuery实现点击某个div打开层,点击其他div关闭层的方法。分享给大家供大家参考,具体如下:

其实很早就学过js一些高级部分的知识,但是用的不多,也就慢慢淡忘了。最近发现随着编程的深入,你不得不用到它们,比如事件的冒泡。

有一需求如下:

①点击class = "click" 块 弹出 class="pop" 块②点击class = "page" 块 关闭 class="pop" 块③点击class = "pop" 块 不关闭任何块

如果用jQuery 鲁莽一点,直接的程序就写出来了

jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)(jquery触发点击事件click)

你这么一闹腾,问题就出来了,当我点击"click"块的时候,妹的,我还没看到弹出层 "pop",瞬间就关闭了,这是为什么呢?因为你点击"click" 的瞬间,触发了两个事件,第一个是 自己本身的点击事件,因为自己的父层也注册了点击事件,那第二个父层的点击事件也被触发了,即所谓的事件冒泡。

我又想保留这两个事件,但又不想出现这样的情况,怎么办,这就是我要说的 阻止事件冒泡。

阻止事件冒泡大致有两种办法:

1)使用 return false;2)使用 event.stopPropagation();

其实两者的原理差不多,就是屏蔽要冒泡的对象

或者:

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery窗口操作技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

jQuery实现隔行变色的方法分析(对比原生JS) 本文实例分析了jQuery实现隔行变色的方法。分享给大家供大家参考,具体如下:原生js:vartab=document.getElementByTagName('table')[0];vartr=tab.getElementByTagName('tr');

基于jQuery的select下拉框选择触发事件实例分析 本文实例讲述了基于jQuery的select下拉框选择触发事件实现方法。分享给大家供大家参考,具体如下:我一直以来都认为,select下拉框选择对选项options使

基于jQuery的checkbox全选问题分析 本文实例分析了基于jQuery的checkbox全选问题。分享给大家供大家参考,具体如下:最近开发项目时遇到一个很奇怪的问题,就是checkbox的全选与全不选使

标签: jquery触发点击事件click

本文链接地址:https://www.jiuchutong.com/biancheng/377822.html 转载请保留说明!

上一篇:jQuery实现自动调用和触发某个事件的方法(jquery自动完成插件)

下一篇:jQuery实现隔行变色的方法分析(对比原生JS)(jquery实现隔行变色的分享特效页面)

  • 销项税额是指
  • 利润表中的资产减值损失包括哪些
  • 履约保证金打到哪个账户
  • 附加税退回分录
  • 商贸公司营业执照范围
  • 投资收益和公允价值变动的区别
  • 税务稽查补缴的税款需要申报吗
  • 房产税从价计征扣除比例
  • 房地产企业的预收账款包括什么
  • 商业企业收取各项费用的税务与会计处理
  • 公司内帐和外账的区别
  • 复式记账法哪本书提到过?
  • 暂估应付账款借方余额
  • 公允价值变动损益在利润表哪里
  • 标书费收据丢失怎么办
  • 慈善机构捐赠
  • 个人账户可以转公户吗?
  • 股东放弃本企业股权
  • 宽带费增值税
  • 发生的产品广告费
  • 预收账款怎么冲减应收账款
  • 公司注销了质保金如何收回来
  • 小规模增值税本期免税额怎么计算
  • 工资退税手续需要多久
  • 土地增值税清算报告
  • 资产转让税费哪方承担
  • 什么样的公司可以交五险一金
  • 水电费的增值税计入什么科目
  • 外汇的收入
  • 软件开发行业的现状
  • 金蝶软件反年结账怎么弄
  • win11怎么用win10界面
  • 工程未竣工结算但质保期已过
  • 对方开过来的专票丢了怎么办
  • 政府收回土地使用权免征增值税的条件
  • 公共基础设施的英语
  • 年终结算啥意思
  • 实收资本和注册资本不一致的会计处理
  • 非货币性资产交换补价大于25%的会计处理
  • 结霜的早晨
  • php编程获取音频信息
  • echarts柱状图坐标轴
  • un删除
  • 长期借款的核算分为哪三个阶段
  • 购进小汽车自用为什么可以抵扣进项税
  • 个人发票抬头是自己的名字吗
  • 小微企业应纳税所得额计算
  • 印花税计税金额是主营业务收入吗
  • 制作费开票属于什么编码类型
  • 金税盘锁死日期哪里看
  • mysql错误代码1067
  • 不是公司员工可以报销费用吗
  • 修理费用的会计怎么做账
  • 土地使用税退税怎么做会计分录
  • 一般纳税人城建税怎么计算
  • 在建工程不做了发生的费用如何做账?
  • 培训费发票必须开吗
  • 代理进口业务会计分录
  • mysql5.7解压版安装
  • mysql安装包和免安装的区别
  • 电脑鼠标滑动时没法动,怎么办?
  • Vista 目前的窘境5大原因分析
  • 自己动手在家就可以自己理发视频
  • iexplores.exe是什么病毒
  • mac怎么切换输入法
  • linux管理员权限命令
  • windows8无线网络
  • linux升级内核要重启吗
  • 跑酷游戏cs
  • nginx react
  • node.js的概念
  • SQLite -- 嵌入式关系型数据库
  • 原生js有用吗
  • jquery调用json数据
  • android中启动service的方法有
  • android简单app实例
  • 全国退休人员有几多人
  • 车船使用税电子税务局
  • 税务局经费来源
  • 2020年国税和地税怎么申报
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设