event.preventDefault()

http://api.jquery.com/event.preventDefault/

event.preventDefault() 1.0追加
デモ

event.preventDefault() 1.0追加

戻り値:undefined

このメソッドが呼ばれると、通常実行されるアクションがキャンセルされます。

デモ

例えば、Aタグのリンクをクリックすれば通常は指定されたページに遷移しますが、その処理をキャンセルすることが出来ます。また、event.isDefaultPrevented()を使用すれば、event.preventDefault()がイベント中に実行されているかどうかを調べる事が出来ます。

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<!-- hrefにリンク先が指定されているので普通はこのリンク先へ移動するはずです -->
<a href="http://jquery.com">デフォルトのクリック処理はキャンセルされます</a>
<div id="log"></div>

<script>
$("a").click(function(event) {
  event.preventDefault();
  $('<div/>')
    .append('デフォルトの ' + event.type + ' 処理はキャンセルされました。')
    .appendTo('#log');
});
</script>

</body>
</html>