jQuery事件冒泡

事件冒泡

当事件发生后，这个事件就要开始传播(从里到外或者从外向里)。

             #div1{
				width: 800px;
				height: 800px;
				background: #0000FF;
			}
			#div1>ul{
				width: 500px;
				height: 700px;
				background: #DCDCDC;
			}
			#div1>ul>li{
				width: 100px;
				height: 100px;
				margin: 50px;
				background: #DB7093;
			}
			
			......
			
		<div id="div1">
			我是div
			<ul>我是ul
				<li>我是li1</li>
				<li>我是li2</li>
				<li>我是li3</li>
			</ul>
		</div>
		
		......
		
		        var div1 = $("#div1");
				var ull = $("ul");
				var lii = $("li");
				lii.click(function(){
					console.log("我是li");
					 //event.stopPropagation();//阻止冒泡
				});
				ull.click(function(){
					console.log("我是ul");
					//return false;//阻止冒泡和阻止默认行为的合并
				});
				div1.click(function(){
					console.log("我是div");
				});

代码执行点击li结果

放开此行代码（event.stopPropagation();//阻止冒泡）时点击li