jQuery attr()方法

在jQuery中，可以使用attr()方法来获取或设置元素的属性值。该方法可以用于获取或设置任何HTML属性，如src、href、title等。以下是详细攻略，含两个示例，演示如何使用jQuery中的attr()方法：

语法

attr()方法的语法如下：

$(selector).attr(attributeName);
$(selector).attr(attributeName, value);

参数说明：

• selector：必需，要获取或设置属性值的元素。
• attributeName：必需，要获取或设置的属性名称。
• value：可选，要设置的值。

返回值：

• 如果只传递了attributeName参数，则返回指定属性的值。
• 如果同时传递了attributeName和value参数，则设置指定属性的值，并返回jQuery对象。

示例1

以下是一个简单的示例，演示如何使用attr()方法获取元素的属性值：

<img id="my-img" src="image.jpg">

<script>
$(document).ready(function() {
  var src = $("#my-img").attr("src");
  console.log(src);
});
</script>

在这个示例中，我们创建了一个img元素，并使用attr()方法获取该元素的src属性值。当属性值获取成功后，我们将其打印到控制台。

示例2

以下是另一个示例，演示如何使用attr()方法设置素的属性值：

<a id="my-link" href="#">点击这里</a>

<script>
$(document).ready(function() {
  $("#my-link").attr("href", "https://www.example.com");
});
</script>

在这个示例中，我们创建了一个a元素，并使用attr()设置该元素的href属性值为https://www.example.com。

总结

综上所述，可以使用jQuery中的attr()方法来获取或设置元素的属性值。该方法可以用于获取或设置任何HTML属性，如src``href、title等。以上是两个示例，演示如何使用jQuery中的attr()方法。