首頁 > web前端 > 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/")
登入後複製

細化:

細化:
$("a[href]")
登入後複製

細化:

細化: >

$("a[href='http://www.google.com/']").attr('href', 'http://www.live.com/')
登入後複製
要選擇特定的超鏈接,請使用精煉的選擇器:

$("a[href^='http://stackoverflow.com']")
   .each(function()
   { 
      this.href = this.href.replace(/^http:\/\/beta\.stackoverflow\.com/, 
         "http://stackoverflow.com");
   });
登入後複製
此目標是具有現有“href”屬性的超鏈接。

進階修改:用於更複雜的修改,例如匹配特定的href 或僅更新部分href,使用選擇器和jQuery 的組合功能:這會尋找與特定href 相符的超連結並將其目標更新為「http://www.live.com/」。 這會選擇符合以下條件的超連結:以「http://stackoverflow.com」開頭,然後使用正規表示式將前綴替換為「http://stackoverflow.com」。

以上是如何使用 jQuery 更改超連結目標?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板