位置: 编程技术 - 正文

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实现隔行变色的分享特效页面)

  • 出口退税无纸化备案
  • 个体工商户核定征收
  • 收付实现制有应收应付吗
  • 应交税费例子
  • 分公司独立核算企业所得税缴纳
  • 小规模出租不动产免税吗
  • 利率与股价的计算方法
  • 怎么结转销项税额
  • 我的初级备考经历怎么写
  • 融资租赁出租人和承租人的区别
  • 汇算清缴前未取得发票账务处理
  • 超过一年的保证金怎么交个税
  • 公司车辆怎么申请
  • 2020金税四期上线
  • 个人取得利息需要缴纳增值税吗
  • 航天金税盘费用怎么做账
  • 资产收购账务处理
  • 录入凭证时记账的依据是
  • 协会会费计入什么会计科目二级
  • 我想测试一下网速
  • 货币资金资产处置损益表如何填
  • window10专业版2021
  • php导出数据到excel
  • linux 查看文件内容 转换字符编码
  • php integer
  • islp2sta.exe - islp2sta是什么进程 有什么作用
  • assoc .exe=exefile是什么
  • wordpress开发app
  • 涉税服务实务会花多少时间完成
  • 帮别人开增值税专用发票
  • php使用什么开发工具
  • 基于核心素养下的大单元教学设计
  • nginx解决跨域问题原理
  • 数据挖掘的四种基本方法
  • Joe是一款优雅功能强大的Typecho主题功能多上手快
  • hashmap resize源码
  • 开具增值税专用发票是什么意思
  • java sc
  • python模块的扩展名
  • mysql使用ssl连接
  • 挂靠设计公司费用标准怎么记账
  • 待报解预算收入是什么意思,扣了钱
  • 服装类发票可以抵扣哪些
  • 个税里的累计专项扣除是什么
  • 开具免税的发票,"税率"栏该如何填开?
  • 小企业会计准则适用于哪些企业
  • 税控系统的维护包括哪些内容
  • 其他权益工具账面价值和公允价值
  • 第三方代销什么意思
  • 中级会计需要初级会计证吗
  • 房产税怎么实行
  • 买一件商品赠送两个商品
  • 在建工程中的业务招待费转无形资产后所得税如何处理
  • 信用证保证金的计算公式
  • 经营租赁不动产租赁发票开具要求
  • 百望开发票
  • 固定资产一次性加速折旧
  • 开始建账需要哪些数据
  • 房地产开发企业建造的商品房,在出售前
  • sql 行号
  • win10下载mysql图解
  • xp系统环境变量
  • 如何快速删除windows.old
  • u盘装win8系统教程图解
  • win8中文版是什么版本
  • mac苹果电脑如何开4个微信号
  • imac触发角
  • win8 重置
  • linux电子邮件
  • win7打开摄像头权限
  • jquery源码分析笔记
  • jQuery实现ToolTip元素定位显示功能示例
  • Python字符串切片例子
  • python如何搭建环境
  • 政治轮训的效果
  • 广西电子发票如何申请
  • 返利是否合法
  • 扬州税务学院住宿环境
  • 河南省郸城县教育局举报电话
  • 开票有什么好处吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设