jQueryjQueryを使ってWebページ上で何かアクションを実装する際、リンク<a>タグをクリックすることでエフェクトを実行させることはよくあること。その際、別ページへ遷移するわけでも、ページ内リンクを使うわけでもない場合にリンク<a>タグの属性「href」の飛び先の指定に困ることがあることも。結局「href=”#”」でごまかしたり、「href=”javascript:void(0);”」としたり。その様な場合に使えそうな、クリックされたリンク<a>タグの「href」を無効にする方法があったのでメモ書き程度に紹介してみます。サンプルでは、リンク用の<a>タグの「href」属性が以下の様な「href=”#”」の場合とします。href="#">アクション実行用リンク</a>このソースの場合の、リンクテキストをクリック後に「href」属性を無効にするスクリプトは以下の様になります。false;})});</script>単純に「href=”#”」がクリックされたらその処理を無効にさせるもの。type="text/javascript">$(function(){$('a[href=#]').click(function(e){e.preventDefault();})});</script>この記述方法でも同様の処理を加えられます。「href=”#”」の記述自体が文法的にあまりよろしくないのでなにか無効にさせるIDを「href=”#cancel”」などと決めておいてjQuery側の対象を「$(‘a[href=#cancel]‘)」としておく感じでもいいかもしれません。必要な場面は無いかもしれませんがリンクタグの「href」の無効処理を行う際に是非。※コメントにHTMLタグを直接入力しないでください。※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。Webサイト構築に関する技術やWebサービスを紹介するブログです。jQueryをはじめとしたWebサイトを彩る技術のほか、HTML(HTML5)、CSS(CSS3)、iPhoneやTwitterを使った実験などなど、Webサイト制作に役立つであろうと思われる情報を備忘録として掲載しています。