jquery阻止默认事件和阻止默认行为!

<a id="p" href="http://www.baidu.com" target="_blank">我是超级链接<button id="sub">子按钮</button></a>

<div id="text">

</div>

 JS:

$("body").on("click","#p",function(event){
$("#text").append("<p>父亲元素被点击</p>");
})

$("body").on("click","#sub",function(event){
$("#text").append("<p>子元素被点击</p>");
    event.stopPropagation(); //只阻止了冒泡事件， 默认默认行为没有阻止
    event.preventDefault(); //只阻止了默认事件，冒泡事件没有阻止
})