jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。
jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。
在当今的各个浏览器中都支持事件的冒泡,所谓的冒泡可以这样理解:
条件:外层有一个DIV元素,在内层有一个P元素,他两存在这样的关系:DIV是P元素的父元素,而P是外层DIV的子元素,他们之间存在包含和被包含的关系。
事件:现在我们都在这两个元素上绑定相同的事件,比如click事件。
结果:这时,当我们点击内层的P标签的时候,内层元素的click事件触发,同时外层DIV的click事件也会触发。
在HTML中有的元素被定义了一些默认的属性,比如说A元素,这个元素就是我们平时使用的超链接标签,这个标签的默认属性是实现页面的跳转。
在jQuery的每一个事件中都会有一个默认的对象作为该事件的参数(但是必须显示地被指定),这个对象就是event对象,它包含了一些属性和方法,用于不同的场合。如下:
$('p:first').click(function(event){
//event对象可以使用了
});
有时我们不希望冒泡或默认的事件发生,这样就需要一些jQuery的的方法阻止冒泡和默认的事件了。可以通过以下三种方法做到不同程度的阻止。
A:return false --->In event handler ,prevents default behavior and event bubbing 。
return false 在事件的处理中,可以阻止默认事件和冒泡事件。
B:event.preventDefault()---> In event handler ,prevent default event (allows bubbling) 。
event.preventDefault()在事件的处理中,可以阻止默认事件但是允许冒泡事件的发生。
C:event.stopPropagation()---> In event handler ,prevent bubbling (allows default behavior).
event.stopPropagation()在事件的处理中,可以阻止冒泡但是允许默认事件的发生。
- 浏览: 1275102 次
- 性别:
- 来自: 常州
文章分类
- 全部博客 (499)
- java (101)
- linux (82)
- mysql (30)
- javascript (45)
- Oracle (12)
- ext (14)
- 虚拟机 (1)
- 搜索引擎 (2)
- struts2 (11)
- 设计模式 (9)
- nginx (17)
- tomcat (12)
- 随想 (10)
- spring (18)
- svn (1)
- flash (3)
- UML (1)
- 数据结构 (7)
- 算法 (2)
- 网摘 (9)
- 数据库 (15)
- ibatis (3)
- jquery (31)
- lucene (1)
- hibernate (14)
- Myeclipse (4)
- 线程 (7)
- jbpm (4)
- 重构 (1)
- mantis (3)
- MediaWiki (4)
- ExtMail (1)
- MDaemon (1)
- egit (1)
- dwr (7)
- sitemesh (2)
- mybatis (1)
- ico (1)
- hadoop (5)
- jsoup (1)
- urlrewrite (2)
- jstl (1)
- spring3 (2)
- aop (2)
- 定时器 (1)
- Quartz (2)
- apache (1)
- php (1)
- security (1)
- iptables (2)
- QQ (1)
- mysqldump (1)
- vim (1)
- memcached (4)
- jad (1)
- 微博 (1)
- html5 (1)
- css3 (1)
- httpclient (10)
- google (1)
- shortUrl (1)
- json (2)
- virtualBox (1)
- mantisBT (2)
- htmlunit (1)
- selenium (2)
- mail (1)
- 正则表达式 (4)
- html (3)
- css (2)
- jatoolsPrinter (1)
- 图片处理 (1)
- hql (1)
- webservice (1)
- 分词 (3)
- 短信 (1)
- VPS (1)
- 事务 (1)
- 广告 (1)
- 画廊 (1)
- git (3)
- github (1)
- openshift (1)
- 缓存 (1)
- web (3)
- android (3)
- c3p0 (1)
- 邮箱 (1)
- memcache (2)
- windows (2)
- js (14)
- 编辑器 (1)
- 打印 (1)
- centos (5)
- boneCP (1)
- 连接池 (1)
- sql (1)
- nosql (1)
- MongoDB (1)
- 浏览器 (1)
- node (1)
- node.js (1)
- backbone.js (1)
- lazyload (1)
- Switch Off (1)
- Titanium (1)
- 网站架构 (1)
- WebDriver (1)
- APJP (1)
- 代理 (1)
- comet (1)
- kendoui (1)
- UI (2)
- 互联网 (1)
- localStorage (1)
- 记录 (1)
- 微信 (2)
- Sphinx (1)
- netty (1)
- js,mvvm,Avalon (1)
- 安卓 (1)
- Tengine (1)
- 大数据 (1)
- 手机 (1)
- paypal (1)
- SaaS (1)
- gitlab (1)
- nodejs (1)
- React (1)
- shadowsocks (0)
- vpn (0)
- 验证码 (1)
- SSL (2)
- SEO (1)
- IntelliJ (1)
- 敏捷开发 (1)
- 项目管理 (1)
- 爬虫 (1)
- 正则 (1)
- owncloud (1)
- 云存储 (1)
- ajax (1)
- pjax (1)
- jdk (1)
- zookeeper (1)
- phantomjs (1)
- ELK (1)
- springcloud (1)
- IDEA (1)
- hexo (1)
- ss (1)
- letencrypt (1)
最新评论
-
peakandyuri:
这个是有BUG的,数字小体现不出来,数字大了就不对了,但是Ja ...
java十进制转换N进制并反转换的工具类 -
ginolai:
然后是相关配置:/etc/sysconfig/iptables ...
Linux中iptables设置详细 -
bzhao:
我测试没啥区别啊!
Thread.sleep()和Thread.currentThread().sleep()区别 -
zhl549342097:
match == false
Spring Security 3.1 中功能强大的加密工具 PasswordEncoder -
hellotieye:
renzhengzhi 写道drager 写道用jsoup后解 ...
jsoup select 选择器
发表评论
-
jQuery Deferred模块详解
2015-08-26 14:02 1057jQuer 1.5版本引入Deferred功能, 为处理事件 ... -
jquery的异步方式实现(deferred)
2015-08-26 13:37 838转自作者文章: http:/ ... -
React入门
2015-08-26 13:24 1482这里引用了作者的文章: http://www.ruan ... -
JQuery when
2014-10-24 09:27 692首先可以总结一下when的作用: 使用jQuery中的w ... -
Javascript异步编程的4种方法
2014-10-20 09:55 861你可能知道,Javascript ... -
js 获得实例名称
2014-09-12 11:56 840window.myobj=new TestClass(); ... -
JS获取当前执行函数的函数名称
2014-09-12 10:55 3898js默认没有提供能直接获取当前执行函数的函数名称方法,但可 ... -
localStorage的使用和封装
2014-07-18 16:27 1454(function(window,localStorage ... -
基于jquery的前端mobile UI
2014-06-10 11:34 1054http://jquerymobile.com/ -
新UI框架-kendoui
2014-06-10 11:30 873http://kendoui.cn/Web/Default ... -
js的 new image()做图片预加载
2014-02-08 14:50 33210创建一个Image对象:var a=new Image(); ... -
图片延迟加载插件jquery.lazyload.js之BUG处理[转]
2013-12-18 22:30 5097经常在一些网站上见到图片都是在窗口上将要出现的时候才进行 ... -
backbone.js 初探[转]
2013-12-16 18:04 1051什么是backbone backbone不是脊椎骨,而是帮 ... -
生动详细解释javascript的冒泡和捕获,包懂包会
2013-12-11 11:56 918原文地址在这里http://ww ... -
[博文共赏]Node.js静态文件服务器实战【转】
2013-11-23 21:28 1013http://www.infoq.com/cn/news/ ... -
Webkit内核下的js window.location.href失效
2013-11-21 11:44 4401这个问题解决的办法是在location后面加上window.e ... -
jQuery jBox弹出窗口插件
2013-10-29 11:09 7194jBox是一款基于jQuery的弹出窗口插件,jBox可以实 ... -
Jquery套打工具测试版
2013-09-29 09:29 1103记录一下,以便查看进度: http://www.iteye ... -
jquery之ajaxfileupload异步上传插件【转】
2013-08-15 20:21 1047点我下载工程代码 由于项目需求,在处理文件上传时需要使用 ... -
流体(瀑布流)布局插件:Waterfall
2013-08-08 11:48 2181Waterfall是jQuery流体布局插件 当前版本: ...
相关推荐
jquery阻止冒泡的所有方法,适合初学jquery者,是一篇很好的学习文稿
#### 三、jQuery阻止事件冒泡的方法 jQuery提供了一种更简洁的方式来处理事件,其阻止事件冒泡同样有两种主要方式: ##### 1. 使用 `event.stopPropagation();` 这种方式仅阻止事件的进一步传播,而不影响当前事件...
除了`stopPropagation()`,jQuery还提供了`event.stopImmediatePropagation()`方法,它不仅阻止当前事件的冒泡,还会停止同一事件在同一元素上其他事件处理程序的执行。如果一个元素有多个相同的事件监听器,这会...
### 一、冒泡事件简介 冒泡事件在用户与网页交互时特别常见。例如,当用户点击一个嵌套在其他元素内的按钮时,该点击事件会首先在按钮上触发,然后依次向上级元素传递。在jQuery中,如果父元素和子元素都绑定了同一...
总结来说,处理冒泡事件和模拟事件是前端开发中常见且重要的任务,掌握这些技能可以帮助我们更好地控制页面行为,提高用户体验。通过上述示例,我们可以看出使用jQuery实现这两项功能相对简单且直观,但如何恰当地...
除了使用event对象的方法外,JQuery的事件处理函数还提供了一个简写形式来阻止冒泡,即直接在事件处理函数的末尾返回false。这等同于调用了event.stopPropagation()和event.preventDefault()。例如: ```javascript...
在jQuery中,可以通过`event.stopPropagation()`方法阻止事件继续冒泡,这有时是必要的,因为如果事件在一个元素上触发了,那么它也将在其父级元素上触发。阻止事件冒泡允许我们控制事件在DOM树中的传播路径。 在...
JQuery 提供了两种方式来阻止事件冒泡。 方式一:event.stopPropagation(); 代码如下: $(“#div1”).mousedown(function(event){ event.stopPropagation(); }); 方式二:return false; 代码如下: $(“#div1”)....
2. 阻止事件冒泡的方法:在实际的开发中,我们经常需要阻止事件冒泡以防止事件被不相关的父级元素捕获。在jQuery中,可以通过几种方式来阻止事件冒泡。 - 使用返回false的方式:在事件处理函数中直接返回false,这...
标题中提到的“js阻止冒泡及jquery阻止事件冒泡示例介绍”涉及JavaScript和JQuery两种技术在事件处理中阻止事件冒泡的概念。冒泡是指当一个元素上触发了某个事件(如点击),这个事件不仅会在该元素上进行处理,还会...
有时我们不希望冒泡或默认的事件发生,这样就需要一些jQuery的的方法阻止冒泡和默认的事件了。可以通过以下三种方法做到不同程度的阻止。 A:return false —>In event handler ,prevents default behavior and ...
// 阻止冒泡,允许默认行为 event.stopPropagation(); }); ``` 在实际应用中,根据需求选择合适的阻止方式是非常重要的。例如,如果你想要在菜单项点击时显示/隐藏子菜单,同时防止点击触发菜单项的默认链接行为...
jQuery提供了`.on()`方法来绑定事件,包括键盘事件。键盘事件主要有三种类型: - `keydown`:当用户按下键盘上的键时触发。 - `keyup`:当用户释放键盘上的键时触发。 - `keypress`:当键盘上的键被按下并释放(或...
本文将详细探讨jQuery中的两个重要概念:事件冒泡和阻止默认行为。通过具体的代码示例和解释,本文将帮助您理解和掌握如何在使用jQuery进行前端开发时,更好地控制页面上的事件交互。 1. 事件冒泡的概念与应用 事件...
一、什么是jquery事件冒泡 在很多教材或者手册都可能会涉及到事件冒泡的概念,老手来说这当然是最基本的概念,但往往对于初学者可能比较陌生或者说从来没有听说过。下面就结合代码实例来简单介绍一下什么是事件冒泡...