如何使用 jQuery 更改超链接的 href 属性

答案：使用jQuery `.attr()` 方法

您可以使用jQuery .attr() 方法来动态设置或更改链接或锚标记的href 属性的值。此方法也可用于获取任何属性的值。

下面的示例将向您展示如何在文档准备好使用 jQuery 时将 HTML 文档中的所有超链接或链接从"http"转换为"https"。

示例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Set HREF for Anchor Tag</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
    $(document).ready(function(){
        $('a[href^="http://"]').each(function(){ 
            var oldUrl = $(this).attr("href"); // Get current url
            var newUrl = oldUrl.replace("http://", "https://"); // Create new url
            $(this).attr("href", newUrl); // Set herf value
        });
    });
</script>
</head>
<body>
    <p><a href="http://www.google.com">Google</a></p>
    <p><a href="http://www.gmail.com">Gmail</a></p>
</body> 
</html>

FAQ 相关问题解答

以下是与此主题相关的更多常见问题解答：

如何使用 jQuery 更改超链接的 href 属性

答案：使用jQuery .attr() 方法

示例

FAQ 相关问题解答

关于我们

联系方式

互动工具

答案：使用jQuery `.attr()` 方法