事件委托与阻止冒泡阻止其父元素事件触发

 
全部
 
纽约
 
洛杉矶
 
拉斯维加斯
 
夏威夷
 
旧金山
 
奥兰多
 
西雅图
 

$("ul[data-type='cityPick']").on('click',function(){ 
alert("父元素ul被点击"); 
}); 
$("ul[data-type='cityPick']").on('click','li',function(){ 
alert("子元素li被点击"); 
});

$("ul[data-type='cityPick']").on('click',function(){ 
alert("父元素ul被点击"); 
}); 
$("ul[data-type='cityPick']").on('click','li',function(e){ 
e.stopPropagation();//阻止冒泡 
alert("子元素li被点击"); 
});