<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script src="http://cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
<style type="text/css">
.div{
height:30px;
width:100%;
background-color:pink;
}
</style>
<script type="text/javascript"language="Javascript">
$(function(){
var $div=$(‘.div‘);
$div.click(function(){
alert("我是父元素div")
})
var $a=$(‘.a‘);
$a.click(function(){
alert("我是子元素a");
return false; //这是一句神奇的代码，就是这句代码的作用,让在子元素被点击的同时不让父元素点击事件发生；：
})
})
</script>
</head>
<body>
<div class="div">
<a href="#" class="a">
我是a元素，点击我
</a>
<div>
</body>
</html>
点击子元素事件不触发父元素事件,布布扣,bubuko.com
原文：http://www.cnblogs.com/wiming/p/3724248.html