jquery中的attr 方法 jQuery attr方法标题：获取或设置匹配元素集合中的属性值全网首发(图文详解1)

(jquery attr) jquery中的attr 方法

jQuery中的attr方法是一个非常强大的功能，它用于获取或设置匹配的元素集合中的属性值。你可以使用attr方法来读取元素的属性值，也可以设置一个或多个属性值。具体如何实现，以下是详细的开发流程和代码示例：

如何使用`attr`方法获取属性值

要获取元素的属性值，你可以使用attr方法，并传递你想获取的属性名称作为参数。下面的示例展示了如何获取一个<img>元素的src属性值：

<!DOCTYPE html>
<html>
<head>
    <title>jQuery attr 示例</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                alert($("#myImage").attr("src"));
            });
        });
    </script>
</head>
<body>

<img id="myImage" src="image.jpg" alt="MyImage">
<button>获取图片的src属性值</button>

</body>
</html>

如何使用`attr`方法设置属性值

要设置元素的属性值，你需要调用attr方法，并传递你想设置的属性名称和值作为参数。如果你传递了多个名称/值对，attr方法将设置每个属性的值。以下示例显示了如何修改一个<a>元素的href属性值：

<!DOCTYPE html>
<html>
<head>
    <title>jQuery attr 示例</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                $("#myLink").attr("href", "https://www.example.com");
                alert("链接已更新！");
            });
        });
    </script>
</head>
<body>

<a id="myLink" href="https://www.oldwebsite.com">访问网站</a>
<button>更新链接地址</button>

</body>
</html>