···
<body>
<div class="father">
<div class="son">
</div>
</div>
</body>
···
假如此父子元素为 动态添加的元素 所以在添加事件的时候需要绑定到父级元素
例如：父元素事件
$("body").on("click",".father",function(e){
alert(1)
});
例如：子元素事件
$(document).on("click",".son",function(e){
e.stopPropagation();
alert(2)
});
按道理来讲 子元素事件中添加了e.stopPropagation();会默认不执行父元素的事件，但此处依然执行。原因是父子元素绑定了不同的父元素，导致e.stopPropagation() 没有起作用;此处的解决办法只要将body改成document或者document改成body就可以了。
