你的位置:首页 > Java教程

[Java教程]jQuery阻止事件冒泡代码实例


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/