-
-
-
-
-
-
- #wrap{
- width:500px;
- height:400px;
- pink; < /span>
- }
- #center{
- width:300px;
- height:300px;
- red; < /span>
- }
- #inner{
- width:100px;
- height:100px;
- background:#fff;
- }
-
-
-
- $(function(){
- $("#wrap").click(function(){
- alert("我是最外层");
- });
- $("#center").click(function(aaa){//传一个参数,这个参数不仅可以是event,也可以是其他的,参数可以自定义
- alert("我是中间层");
- aaa.stopPropagation();//给这个参数一个stopPropagation()方法,这样就可以阻止冒泡了
- });
- $("#inner").click(function(){
- alert("我是最里层");
- return false;//直接用return false代替aaa.stopPropagation()也可以阻止冒泡
- })
- })
-
-
-
-
我是最外层
-
我是中间层
-
我是最里层