如何使用 jQuery 修改超链接的 Href-之路教程

attr() 方法

.attr() 方法用于获取匹配集中第一个元素的属性值。
为了获取每个元素的值，使用了循环构造方法，即 jQuery 的 .each() 或者 .map() 方法。

该方法表明的主要好处之一是它可以直接在 jQuery 对象上调用并链接到其他方法。

如何使用 jQuery 修改超链接的 Href

要设置修改链接或者 <a> 标签的 href 属性值，可以使用 jQuery .attr() 方法。

此方法还可用于获取任何属性的值。

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
  </head>
  <body>
    <a href="www.example.com">Link</a>
    <script>
      $("a").attr("href", "https://www.onitroad.com");
    </script>
  </body>
</html>

attr() 方法将更改所有超链接的 href 以指向 Google。
例如，我们混合使用链接源和链接目标锚标记：

<a name = "MyLinks"> </a> 
<a href = "http://www.onitroad.com/"> The W3Docs </a>

并且我们不想为它们添加 href 属性。
然后，我们可以指定选择器以将 <a> 标记与现有的 href 属性匹配：

$("a[href]") //…

如果要将锚点与特定的现有 href 匹配，则可以执行以下操作：

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
  </head>
  <body>
    <a href="www.example.com">Link</a>
    <script>
      $("a[href]").attr("href", "https://www.onitroad.com");
    </script>
  </body>
</html>

然后你应该只更新 href 属性的一部分：

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

第一部分只选择 href 以 http://stackoverflow.com 开头的链接。
然后，指定一个函数，该函数使用正则表达式将 URL 的这一部分替换为新的。

日期：2020-06-02 22:16:08 来源：oir作者：oir

←如何使用 jQuery 修改下拉列表的选定值

如何使用 jQuery 更改图片源→

attr() 方法

目录