アンカー・タグのリンクを無効にする(続き)

前回の内容は、それはそれで一つの方法ではあるが、
リファレンスを調べたところ、もと正統な方法が
あったので、その方法を追記すると共に、知識の無さ
に恥じ入る次第。
反省!

$(document).ready(function(){
  $("a").click(function(event){
    event.preventDefault();
  });
});

アンカー・タグのリンクを無効にする

アンカータグのリンクを無効にして、リンク情報のみを入手したい場合がある。

例えば、ヘッダ、フッタ、(左)サイドメニューを固定し、コンテンツのみを
ロードするようなケースである。

コンテンツ部分のみをロードすれば、量が少なくなり回線の負荷が軽減できる。
当然、コーディング量も減るし、ヘッダ等の変更があっても1本だけの変更で
済み、効率アップには大変に有効である。

これを行うためには、アンカータグのリンクを無効にすることが必要である。

その方法は次の通り。

$(document).ready(function(){
  $('a').click(function(){
    alert($(this).attr("href")); // hrefの属性値をアラートで表示
    return false;                // リンクを無効に
  });
});