文档章节

jQuery事件的处理---

攀爬的小瓜牛
 攀爬的小瓜牛
发布于 2014/06/18 17:57
字数 336
阅读 66
收藏 2

//div树形结构 <di> <span> <a>123</a>在此输入图片描述 </span>

</div>, 为<div>添加了一个mouseout事件处理程序。当用户的鼠 标指针退出这个<div>时,会按照预期运行mouseout处理程序。因为这个过程发生在顶层元素 上,所以其他元素不会取得这个事件。但是,当指针从<a>元素上离开时,<a>元素也会取得一 个mouseout事件。然后,这个事件会向上冒泡到<span>和<div>,从而触发上述的事件处理程 序。这种冒泡序列很可能不是我们所希望的。 重点 限制问题的作用域 要解决这个问题,必须访问事件对象。事件对象是一种DOM结构,它会在元素获得处理事 件的机会时传递给被调用的事件处理程序。

$(document).ready(function() { $('#switcher').click(function(event) { //event可以自己取别名 if (event.target == this) { $('#switcher button').toggleClass('hidden'); } }); }); 此时的代码确保了被单击的元素是<div id="switcher">①,而不是其他后代元素。现在, 单击按钮不会再折叠样式转换器,而单击转换器背景区则会触发折叠操作。但是,单击标签 (<h3>)同样什么也不会发生,因为它也是一个后代元素

© 著作权归作者所有

共有 人打赏支持
攀爬的小瓜牛
粉丝 4
博文 112
码字总数 63322
作品 0
成都
程序员
Visual Studio下使用jQuery的10个技巧

【51CTO经典译文】广泛流行的jQuery是一个开源的,跨浏览器和兼容CSS 3的JavaScript库,你可以用它简化你的JavaScript编码任务和操作(添加,编辑和删除)HTML内容中的DOM元素,本文介绍10个...

晨曦之光
2012/03/09
0
0
jQuery对象与DOM对象的相互转换

下面介绍jquery对象和DOM对象的相互转换: 在使用jquery框架进行处理时,当我们使用$(expression)方法时,如:获取id="jquery_a"的div元素对象时,实际上获取到的值不是DOM对象,而是jquery对...

Sandy_wu
2013/03/27
0
1
jQuery基础 - 常用基本属性

jQuery简介 jQuery 是一个 JavaScript 库,极大地简化了 JavaScript 编程 jQuery 对象是通过jQuery包装DOM对象后产生的对象,jQuery对象是jQuery独有的,如果一个对象就是jQuery对象,那么它...

ZHAO_JH
07/31
0
0
jquery的一些用法 有用的用法。

AJAX 框架 用Asp.net ajax 还是 Jquery? AJAX 流行之后,总想好好学习一下。但是众多的框架实在难以选择。说明一下 ASP.NETAJAX 并不包括在 AJAX 框架之中。 刚开始学了 JQuqery,众多的 $g...

雪中漫步
2010/03/29
0
0
第78天:jQuery事件总结(一)

jQuery事件总结(一)   现在就一点一点积累自己的知识体系,记录自己学到的和自己所理解的jQuery。   JavaScript和HTML之间的交互式通过用户和浏览器操作页面时引发的事件机制来处理的。...

半指温柔乐
2017/11/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

RxJS的另外四种实现方式(四)——性能最高的库(续)

接上一篇RxJS的另外四种实现方式(三)——性能最高的库 上一篇文章我展示了这个最高性能库的实现方法。下面我介绍一下这个性能提升的秘密。 首先,为了弄清楚Most库究竟为何如此快,我必须借...

一个灰
今天
1
0
麒麟AI首席科学家现世

8月31日,华为发布了新一代顶级人工智能手机芯片麒麟980,成为全球首款7nm工艺手机芯片,AI方面也实现飞跃,支持人脸识别、物体识别、物体检测、图像分割、智能翻译等。 虽然如今人人都在热议...

问题终结者
昨天
1
0
告警系统主脚本、告警系统配置文件、告警系统监控项目

告警系统主脚本 main.sh内容 #!/bin/bash#Written by aming.# 是否发送邮件的开关export send=1# 过滤ip地址export addr=`/sbin/ifconfig |grep -A1 "ens33: "|awk '/inet/ {pr...

芬野de博客
昨天
2
0
MySQL autocommit探究

-- sessionA:tx_isolation=REPEATABLE-READmysql> select connection_id();+-----------------+| connection_id() |+-----------------+| 28 |+-----------------+......

安小乐
昨天
8
0
c++多线程锁 Mutex  自动判断死锁

c++多线程锁可以使用absl::Mutex std::mutex这两种,下面是demo代码。 使用absl:Mutex的时候打印: [mutex.cc : 1338] RAW: Cycle: [mutex.cc : 1352] RAW: mutex@0x683b68 stack: @ 0x43856......

青黑
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部