不要为了jQuery而使用它！仅使用JavaScript就非常简单。

document.querySelector('#the-link').setAttribute('href', 'http://google.com');

https://jsfiddle.net/bo77f8mg/1/

在查找时使用attr方法。您可以使用新值关闭任何属性。

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

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

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

<a href="http://www.google.com">

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

要更改给定节中的链接，请将容器div的类添加到选择器中。此示例将更改内容中的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/');

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

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

prop和attr的区别在于，attr获取HTML属性，而prop获取DOM属性。

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

Try

link.href = 'https://...'

link.href='https://stackoverflow.com'<a id=“link”href=“#”>单击我</a>

不要为了jQuery而使用它！仅使用JavaScript就非常简单。

document.querySelector('#the-link').setAttribute('href', 'http://google.com');

https://jsfiddle.net/bo77f8mg/1/