位置: 编程技术 - 正文

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

  • 三大流转税包括哪些
  • 消费税的会计处理分录
  • 永久性差异什么是暂时性差异
  • 科目余额表解析
  • 小规模纳税人缴纳上月应交增值税
  • 固定资产的原值是含税价?
  • 在建工程是资产
  • 两家公司原材料能否借用
  • 航天金税的服务费如何抵扣
  • 股东借款超过一年个人所得税
  • 个体户购买社保和自由人购买社保区别
  • 垫付的医疗费保险多久可以报销
  • 销售人员的提成属于什么工资
  • 非同一控制下企业合并对价小于可辨认
  • 公司处于亏损状态退股
  • 公司网站建设费入什么明细科目里
  • 汇算清缴后发放的工资
  • 停车场收入怎么做账
  • 工程项目分包需要缴纳企业所得税吗
  • 个人独资企业怎么转有限公司
  • 地税印花税怎么算
  • 公司职工买房有补贴吗
  • 工资扣除社保怎么算
  • 公益捐赠税前扣除政策
  • 海关票怎么认证
  • 加工业务怎么报税的
  • 房屋契税怎样计算公式
  • 契税和增值税的计税依据
  • 活动展开方式怎么写
  • 人力成本费用率和人工成本利润率
  • 合伙企业收到分红需要交所得税吗
  • php字符串赋值
  • 缴纳季度企业所得税比例
  • 委托银行收款的会计分录怎么写
  • 增资后股权转让
  • 山上覆盖着皑皑白雪
  • 企业利润总额为负
  • 政府补助 不征税
  • 模型如何优化
  • 定金罚则可以约定吗
  • 一般纳税人是怎么征收
  • mysql的左右连接
  • 税务处理决定书撤销情形
  • 企业出售商铺需交税吗
  • 进口货物的完税价格计算公式
  • 新入股公司股权转让
  • 取得技术服务费收入会计分录
  • 应收票据的分录怎么做
  • 什么是权责发生会计处理基础
  • 会计凭证销毁的地方
  • mysql的性能调优
  • sql语句数量
  • centos6.9关闭防火墙命令
  • 安卓系统强制竖屏
  • win7系统双击不能打开我的电脑
  • ubuntu20安装fcitx5
  • centos6.5mini安装教程
  • 怎么用u盘装xp系统教程
  • linux ...
  • 五笔输入法怎么切换中文
  • mac电脑安装软件未受信任
  • 家字取名男孩名字
  • 语音聊天能不能调出来
  • win7显示桌面的组合键
  • 菜单按钮是什么
  • unity读取文本文件
  • excel的基本数据类型
  • javascript typeof id==='string'?document.getElementById(id):id解释 原创
  • Node.js中的全局变量有哪些
  • centos6.9查看网卡状态
  • python 线程教程
  • javascript怎么学
  • 安卓自动登录应用程序
  • js中的tostring方法
  • 所得税季度报表收入成本怎么填
  • 税务稽查协查管理办法 国家税务总局
  • 税务投诉撤销申诉
  • 土地增值税清算退税涉及企业所得税补缴
  • 广东电子税务局电话
  • 咸阳高新区税务局地址
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设