jQueryでページ内のリンクを無効化したい

Question

jQueryを使ってあるページ内のリンクを無効化したいのですが、どんな方法があるのでしょうか？
よろしくお願いします

Answer 1

リンクの無効化で思いつく方法を下記に挙げますので参考にしてみてください。

◆jQueryコード

$(function () {
$('#link1').click(function () {//リンクを押しても遷移させないようにする
return false;
}); 
$('#link2').css('pointer-events', 'none');//リンクの無効化
$('#link3').contents().unwrap();//リンクの削除
});

◆HTML

<a href="http://google.co.jp" id="link1">LINK1</a>
<a href="http://google.co.jp" id="link2">LINK2</a>
<a href="http://google.co.jp" id="link3">LINK3</a>

Answer 2

• How to enable or disable an anchor using jQuery? http://stackoverflow.com/questions/1164635/how-to-enable-or-disable-an-anchor-using-jquery より

$(function () {
    $('a.something').on("click", function (e) {
        e.preventDefault();
    });
});

次のページでは動作例を試すことができます。

• Enable Disable Anchor Elements - JSFiddle http://jsfiddle.net/geekonweb/ggyhs/

他の参考ページも紹介します。

• リンクのデフォルト動作を無効にして、JavaScriptを実行させる http://qiita.com/mohsenreza/items/5efb7f8a4966ea639759
• jqueryイディオム：ページ内の全てのリンクを一時的に無効にする http://tockri.blog78.fc2.com/blog-entry-182.html