取消: . 冒泡>

创建DIV(嵌套):

 <div id="mybigdiv">我是大div
          <div id="myid">我是小div</div>
       </div>

格式编排:

        #mybigdiv {
            width: 300px;
            height: 300px;
            border: 1px solid red;
        }
        #myid {
            width: 100px;
            height: 100px;
            border: 1px solid red;
        }

取消代码:

    <script type="text/javascript" src="js/jQuery1.11.1.js"></script>
    <script type="text/javascript">
        $(function(){
	        $("#mybigdiv").click(function(){	        
	          alert("big");
	        });
	         $("#myid").click(function(event){	        
	          alert("small");	          
	          	//判定浏览器引擎是IE还是其他浏览器(第一道能力检测)
				 	  event=event||window.event;
					//第二道能力检测     
					   if(event.stopPropagation){//非IE浏览器  chrome
					   	
						   event.stopPropagation();
					   }else{
					   	//IE浏览器
							event.cancelBubble=true;
					 }
	        });	        	        
        });
    </script>