博客

在jQuery中，可以通过.attr()来设置元素的属性，包括链接元素的href属性。

具体步骤如下：

1. 通过选择器选中想要设置href属性的a标签元素。
2. 使用.attr()方法来设置href属性的值。

示例1：通过id选择器选中单个元素设置href属性

HTML代码：

<a id="myLink" href="#">点击前</a>

JS代码：

// 选中a标签元素并设置href属性值为https://www.baidu.com/
$('#myLink').attr('href', 'https://www.baidu.com/');

结果：

<a id="myLink" href="https://www.baidu.com/">点击前</a>

示例2：通过循环方式选中多个元素设置href属性

HTML代码：

<a class="myLink" href="#">链接1</a>
<a class="myLink" href="#">链接2</a>
<a class="myLink" href="#">链接3</a>

JS代码：

// 通过class选择器选中多个a标签元素并设置href属性值为https://www.baidu.com/
$('.myLink').each(function() {
    $(this).attr('href', 'https://www.baidu.com/');
});

结果：

<a class="myLink" href="https://www.baidu.com/">链接1</a>
<a class="myLink" href="https://www.baidu.com/">链接2</a>
<a class="myLink" href="https://www.baidu.com/">链接3</a>