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

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

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-16 09:34:11250ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。