return false; preventDefault(); stopPropagation() の違いテスト2

preventDefault()を使用するとリンク遷移などのイベントを無効にできる。

HTML

<div>
<a href="http://www.yahoo.co.jp/">Yahoo!</a>
</div>

CSS

a {
    width: 100px;
    border: 1px solid blue;
}
div {
    width: 100px;
    padding: 50px;
    border: 1px solid red;
}

JavaScript

$("a").click(function(e){
    e.preventDefault();
    alert("a");
});

$("div").click(function(){
    alert("div");
});