标签：
jQuery阻止事件冒泡代码实例:
本章节分享一段代码实例，此代码能够实现组织时间冒泡的功能，希望能够对大家有借鉴作用。
代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <style type="text/css"> #box{ width:300px; height:200px; background:red; margin:0px auto; } #inner{ width:150px; height:100px; background:blue; margin:0px auto; font-size:12px; text-align:center; line-height:100px; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function(){ $(‘#inner‘).click(function(event){ event.stopPropagation(); }) $(‘#box‘).click(function(event){ $(‘#inner‘).html("box元素"); }) }) </script> </head> <body> <div id="box"> <div id="inner">蚂蚁部落</div> </div> </html>
以上代码实现了我们的要求，代码比较简单这里就不多介绍了，可以参阅相关阅读。
相关阅读:
1.click事件可以参阅jQuery的click事件一章节。
2.stopPropagation()函数可以参阅jQuery的event.stopPropagation()方法一章节。
3.html()函数可以参阅jQuery的html()方法一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12799
更多内容可以参阅:http://www.softwhy.com/jquery/
标签：
原文地址：http://www.cnblogs.com/come-on/p/5150058.html
