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

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

<br />
$(document).ready(function(){<br />
  $(&quot;a&quot;).click(function(event){<br />
    event.preventDefault();<br />
  });<br />
});<br />

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

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

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

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

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

その方法は次の通り。

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