href，因此您可以使用纯JavaScript来更改它，但如果您已经在页面中注入了jQuery，请不要担心，我将以两种方式显示它：

假设您有以下href：

<a id="ali" alt="Ali" href="http://dezfoolian.com.au">Alireza Dezfoolian</a>

你喜欢改变它的链接。。。

使用纯JavaScript而不使用任何库，您可以执行以下操作：

document.getElementById("ali").setAttribute("href", "https://stackoverflow.com");

但在jQuery中也可以做到：

$("#ali").attr("href", "https://stackoverflow.com");

or

$("#ali").prop("href", "https://stackoverflow.com");

在这种情况下，如果您已经注入了jQuery，那么jQuery可能看起来更短，更跨浏览器。。。但除此之外，我会选择JS的。。。

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

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

<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而使用它！仅使用JavaScript就非常简单。

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

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

Try

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

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

href，因此您可以使用纯JavaScript来更改它，但如果您已经在页面中注入了jQuery，请不要担心，我将以两种方式显示它：

假设您有以下href：

<a id="ali" alt="Ali" href="http://dezfoolian.com.au">Alireza Dezfoolian</a>

你喜欢改变它的链接。。。

使用纯JavaScript而不使用任何库，您可以执行以下操作：

document.getElementById("ali").setAttribute("href", "https://stackoverflow.com");

但在jQuery中也可以做到：

$("#ali").attr("href", "https://stackoverflow.com");

or

$("#ali").prop("href", "https://stackoverflow.com");

在这种情况下，如果您已经注入了jQuery，那么jQuery可能看起来更短，更跨浏览器。。。但除此之外，我会选择JS的。。。

当单击类“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;
});