リンクのURLを変更する(jQuery)

Last Updated:2020年11月15日| | コメントを残す

リンクのURLを変更する

リンクのURLを別のURLアドレスに変更する作業は非常に簡単な作業で .attrメソッドの使用で可能です(.attrメソッドの詳細については、 ここ を参照)。

$(document).ready(function() {
$('.example a').attr('href','http://www.example.com/contat');
});
// 참고: www.ronvangorp.com

アプリケーション

タグ内のリンクを直接変更することができている場合には、直接変更するのが最も簡単でしょうが、たまに変更することができない場合が発生する可能性があります。 この場合に、上記のjQueryスクリプトを便利に使用することができます。 例えば、 WordPress 内でヘッダ部分のサイトのタイトルをクリックすると、 Site-urlつまり、ホームページアドレスに移動します。 WordPress サイトのタイトルをクリックすると(もしくはロゴをクリックしたときに)外部URLに移動するように作成したいと思えば活用することができます。

$(document).ready(function() {
$('.site-title a').attr('href','https://www.thewordcracker.com/ko/');
});

DIVをクリックすると、特定のアドレスに移動するようにリンクを設定する

特定のDIVをクリックすると、別のページやURLに移動するように作りたい場合 window.locationのを使用します。

$('.book').click(function(){
window.location = 'http://www.example.com/question';
});

そして cursor:pointerを使用して(CSS)して、 DIV の上にマウスを上げたとき、カーソルの形を変えて div要素を使用したときと同じように動作するように作成することもできます。

メモ:


コメントを残す

コメント