ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery を使用してハイパーリンク ターゲットを変更するにはどうすればよいですか?

jQuery を使用してハイパーリンク ターゲットを変更するにはどうすればよいですか?

Linda Hamilton
リリース: 2024-12-16 09:34:11
オリジナル
176 人が閲覧しました

How Can I Change Hyperlink Targets Using jQuery?

jQuery を使用したハイパーリンク ターゲットの変更

問題: を使用してハイパーリンクの 'href' 属性を変更する方法jQuery?

解決策:

ハイパーリンク ターゲットを変更するには、次の構文を使用します:

$("a").attr("href", "new_target")
ログイン後にコピー

ここで、「a」は、ハイパーリンク、「new_target」が望ましいです

例:

すべてのハイパーリンクを Google にリダイレクトするには、次を使用します:

$("a").attr("href", "http://www.google.com/")
ログイン後にコピー

絞り込み:

特定のハイパーリンクを選択するには、洗練されたハイパーリンクを使用してくださいselector:

$("a[href]")
ログイン後にコピー

これは、既存の 'href' 属性を持つハイパーリンクを対象とします。

高度な変更:

マッチングなどのより複雑な変更用特定の href または href の一部のみを更新するには、セレクターと jQuery の組み合わせを使用します。関数:

$("a[href='http://www.google.com/']").attr('href', 'http://www.live.com/')
ログイン後にコピー

これは、特定の href に一致するハイパーリンクを検索し、そのターゲットを 'http://www.live.com/' に更新します。

$("a[href^='http://stackoverflow.com']")
   .each(function()
   { 
      this.href = this.href.replace(/^http:\/\/beta\.stackoverflow\.com/, 
         "http://stackoverflow.com");
   });
ログイン後にコピー

これは、次のハイパーリンクを選択します。 「http://stackoverflow.com」で始まり、正規表現を使用してプレフィックスを「http://stackoverflow.com」に置き換えます。

以上がjQuery を使用してハイパーリンク ターゲットを変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート