📅 最后修改于: 2023-12-03 15:11:51.824000 🧑 作者: Mango
在 Web 开发中，经常需要获取元素的属性值。在 jQuery 中，获取元素的属性值非常方便，特别是获取 href 属性值。
在 jQuery 中，使用 attr() 方法可以获取元素的属性值。具体用法如下：
$('a').attr('href');
上述代码会获取第一个 <a> 元素的 href 属性值，并返回该值。
如果需要获取所有 <a> 元素的 href 属性值，可以使用 each() 方法遍历所有元素：
$('a').each(function() {
var href = $(this).attr('href');
console.log(href);
});
以下示例演示了如何获取所有链接的 href 属性值：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>获取属性值 jQuery href</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<ul>
<li><a href="https://www.google.com/">Google</a></li>
<li><a href="https://www.baidu.com/">Baidu</a></li>
<li><a href="https://www.bing.com/">Bing</a></li>
</ul>
<script>
$('a').each(function() {
var href = $(this).attr('href');
console.log(href);
});
</script>
</body>
</html>
输出结果为：
https://www.google.com/
https://www.baidu.com/
https://www.bing.com/
在 jQuery 中，使用 attr() 方法可以轻松地获取元素的属性值。对于获取链接元素的 href 属性值，可以使用 each() 方法遍历所有链接元素，依次获取其 href 属性值。