在本教程中，我们将学习jQuery属性attr()方法。

attr方法

我们使用attr()方法执行以下任务。

• 设置单个属性值
• 设置多个属性值
• 获取属性值

attr-设置单个属性

要为任何给定HTML元素设置单个属性，我们将属性名称和值传递给attr()方法。

在下面的示例中，我们将ID为" sample-input1"的输入元素的" value"属性设置为" Hello World"。

HTML

<input type="text" id="sample-input1">

jQuery的

$("#sample-input1").attr("value", "Hello World");

attr-设置多个属性

我们还可以通过将名称/值对的对象传递给attr()方法来设置多个属性。

在下面的示例中，对于ID为" sample-div1"的div，我们将" class"属性的值设置为" awesome"，将" style"属性的值设置为" color：red;"。

jQuery的

$("#sample-div1").attr({
  "class": "awesome",
  "style": "color: red;"
});

因此，我们将在div中进行以下更改。

HTML

<div id="sample-div1" class="awesome" style="color: red;">Hello World</div>

attr：获取属性值

为了获得属性值，我们只需要将属性传递给attr()方法即可。

在下面的示例中，我们有一个具有src'属性的图像标签，我们将使用attr()`方法获取该属性的值。
图像标签的ID为" sample-img1"。

var src = $("#sample-img1").attr("src");

在上面的代码中，我们将src属性的值保存在src变量中。