如何使用 jQuery 動態變更超連結目標？

如何使用jQuery 動態更改超連結的連結目標

使用jQuery 強大的選擇功能定位超連結可讓您操縱其行為和外觀無縫地。一個常見的要求是修改 href 屬性，將連結重定向到不同的目的地。

要實現此目的，您可以使用attr() 方法，如以下範例所示：

$("a").attr("href", "http://www.google.com/")

這段程式碼修改了頁面上所有超連結的href屬性，將它們定向到Google。但是，您可能會遇到想要定位特定連結的情況。

例如，如果您同時擁有超連結和錨標記，則可以最佳化選擇器以確保修改僅發生在具有現有href 屬性的超連結上：

$("a[href]")

使用精緻的選擇器，您現在可以對連結進行自訂修改。例如，要將目前指向「http://www.google.com/」的連結的href 屬性更新為「http://www.microsoft.com/」：

$("a[href='http://www.google.com/']").attr('href', 'http://www.microsoft.com/')

除了簡單的href 屬性更新之外，您還可以處理更複雜的任務。以下範例僅修改href 中以「http://beta」開頭的部分以將其刪除：

$("a[href^='http://stackoverflow.com']")
   .each(function()
   { 
      this.href = this.href.replace(/^http:\/\/beta\.stackoverflow\.com/, 
         "http://stackoverflow.com");
   });

這種靈活的方法允許進行複雜的修改以滿足您的特定要求，使您能夠動態地控制網頁上超連結的行為。

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