使用

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

将修改所有超链接的href以指向Google。不过，您可能需要一个更精致的选择器。例如，如果您混合了链接源（超链接）和链接目标（又名“锚点”）锚点标签：

<a name="MyLinks"></a><a href="http://www.codeproject.com/">The CodeProject</a>

…那么您可能不想意外地向它们添加href属性。为了安全起见，我们可以指定我们的选择器只会将<a>标签与现有的href属性匹配：

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

当然，你可能会想到一些更有趣的东西。如果你想将锚点与特定的现有href匹配，你可以使用如下内容：

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

这将找到href与字符串http://www.google.com/完全匹配的链接。一个更复杂的任务可能是匹配，然后只更新href的一部分：

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

第一部分只选择href开始和http://stackoverflow.com的链接。然后，定义一个函数，使用一个简单的正则表达式将URL的这部分替换为一个新的。请注意这为您提供了灵活性-对链接的任何修改都可以在这里完成。

在查找中使用attr方法。您可以使用新值切换掉任何属性。

$("a.mylink").attr("href", "http://cupcream.com");

根据您是想将所有相同的链接更改为其他链接，还是想控制页面给定部分中的链接，还是单独控制每个链接，您可以执行其中之一。

更改所有指向Google的链接，使其指向Google地图：

<a href="http://www.google.com">
$("a[href='http://www.google.com/']").attr('href','http://maps.google.com/');

要更改给定部分中的链接，请将容器div的类添加到选择器。此示例将更改内容中的Google链接，但不会更改页脚中的Google链接：

<div class="content"><p>...link to <a href="http://www.google.com/">Google</a>in the content...</p></div>
<div class="footer">Links: <a href="http://www.google.com/">Google</a></div>
$(".content a[href='http://www.google.com/']").attr('href','http://maps.google.com/');

要更改单个链接，无论它们在文档中的位置如何，请向链接添加一个id，然后将该id添加到选择器。此示例将更改内容中的第二个Google链接，但不会更改第一个链接或页脚中的链接：

<div class="content"><p>...link to <a href="http://www.google.com/">Google</a>in the content...</p><p>...second link to <a href="http://www.google.com/"id="changeme">Google</a>in the content...</p></div>
<div class="footer">Links: <a href="http://www.google.com/">Google</a></div>
$("a#changeme").attr('href','http://maps.google.com/');

当单击类“menu_link”的链接时，此代码段会调用，并显示链接的文本和url。返回false会阻止链接被跟踪。

<a rel='1' class="menu_link" href="option1.html">Option 1</a><a rel='2' class="menu_link" href="option2.html">Option 2</a>
$('.menu_link').live('click', function() {var thelink = $(this);alert ( thelink.html() );alert ( thelink.attr('href') );alert ( thelink.attr('rel') );
return false;});

使用jQuery 1.6及以上版本，您应该使用：

$("a").prop("href", "http://www.jakcms.com")

prop和attr的区别在于attr抓取超文本标记语言属性，而prop抓取DOM属性。

你可以在这篇文章中找到更多细节：. prop（）vs. attr（）

_{尽管OP明确要求提供jQuery答案，但如今您不需要对所有内容都使用jQuery。}

一些没有jQuery的方法：

• 如果要更改所有<a>元素的href值，请将它们全部选中，然后遍历Nodelist：（示例）

  var anchors = document.querySelectorAll('a');Array.prototype.forEach.call(anchors, function (element, index) {element.href = "http://stackoverflow.com";});

• If you want to change the href value of all <a> elements that actually have an href attribute, select them by adding the [href] attribute selector (a[href]): (example)

  var anchors = document.querySelectorAll('a[href]');Array.prototype.forEach.call(anchors, function (element, index) {element.href = "http://stackoverflow.com";});

• If you want to change the href value of <a> elements that contain a specific value, for instance google.com, use the attribute selector a[href*="google.com"]: (example)

  var anchors = document.querySelectorAll('a[href*="google.com"]');Array.prototype.forEach.call(anchors, function (element, index) {element.href = "http://stackoverflow.com";});

  同样，您也可以使用另一个属性选择器。例如：

  • a[href$=".png"]可用于选择href值以.png结尾的<a>元素。

  • a[href^="https://"]可用于选择<a>个元素，其中href个值以https://为前缀。

• 如果要更改满足多个条件的<a>元素的href值：（示例）

  var anchors = document.querySelectorAll('a[href^="https://"], a[href$=".png"]');Array.prototype.forEach.call(anchors, function (element, index) {element.href = "http://stackoverflow.com";});