jquery给href追加域名

基础概念

jQuery 是一个快速、简洁的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。通过 jQuery，你可以轻松地操作 DOM 元素，包括修改它们的属性。

类型

在这个问题中，我们关注的是如何使用 jQuery 修改 href 属性。

应用场景

假设你有一个网页，其中包含多个链接（<a> 标签），你希望在不改变 HTML 结构的情况下，为这些链接追加一个域名前缀。

示例代码

以下是一个示例代码，展示如何使用 jQuery 给 href 属性追加域名：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery Append Domain to Href</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <a href="/path1">Link 1</a>
    <a href="/path2">Link 2</a>
    <a href="/path3">Link 3</a>

    <script>
        $(document).ready(function() {
            var domain = "https://example.com";
            $("a").each(function() {
                var currentHref = $(this).attr("href");
                if (currentHref && currentHref.startsWith("/")) {
                    $(this).attr("href", domain + currentHref);
                }
            });
        });
    </script>
</body>
</html>