jQueryを使ってある要素をクリックしたら任意のリンク先に飛ばす方法

こんにちは、カスミです。

さて以下のようなお悩みをお持ちでしょうか?

ある要素一帯をクリックしたら、まとめて任意のリンク先に飛ばしたい。
aタグを使わず、jQueryで出来ないか?

このような悩みを解決致します。

本記事では、jQueryを使って、まとめて任意のリンク先に飛ばす方法を紹介します。

※本記事の方法はjQueryを使うので事前にライブラリを読み込みましょう。

リンク先に飛ばすjQueryコード

  $(function(){
    $("section").on("click", function() {
      window.location.href = '飛ばしたいリンク先';
    });
  });

リンク先に飛ばすjQueryコードになります。

script内に記述してください。

window.location.hrefを使う事で、リンク先に飛ばす事が出来ます。

飛ばしたいリンク先と書かれてる文字列に任意のリンク先URLを入れてください。

後はクリックしたらというjQueryの関数で囲えばOK。

セレクタにクリックさせたい範囲の任意のクラス・IDを指定しましょう。

以上で完了です。

まとめ

スクロール領域で、aタグを使えない時に、本記事のjQueryを使ってリンクさせる方法が役立ちました。

ぜひ活用ください。

以上で解説を終わります。

Ads

関連記事

JavaScript プログラミング

jQueryを使ってJSONデータを取得、配列にして値を出力する方法【Ajaxで解決!】

2022.04.28
196
HTMLCSS プログラミング

CSSのnth-childを使い、子要素の最初、最後、偶数奇数、何番目以降を指定する方法

更新日:2020.06.11
76
JavaScript プログラミング

IEブラウザか、その他以外のブラウザかを判定し、条件分岐・判別する方法【Javascript】

2021.06.08
85
WordPress プログラミング

【簡単】デフォルト検索にACFカスタムフィールドの値を含める方法【wordpress】

更新日:2022.03.19
80