Jquery attr()方法：属性赋值和属性获取详解

简介

attr() 方法是 jQuery 中用于获取或设置元素属性的方法。它有两个主要用途：

• 获取元素的属性值；
• 设置元素的属性值。

语法

下面是该方法的基本语法：

// 获取属性值
$(selector).attr(attribute)

// 设置属性值
$(selector).attr(attribute, value)

其中，

• selector：表示要获取或设置属性的元素；
• attribute：表示要获取或设置的属性名；
• value：表示要设置的属性值。

获取属性值

下面是用 attr() 方法获取元素属性的示例：

 <a href="https://www.baidu.com">百度</a>

// 获取 href 属性值
var href = $('a').attr('href');
alert(href); // 输出 "https://www.baidu.com"

上述例子中，我们可以使用 attr() 方法获取 <a> 标签的 href 属性值，然后将其保存到 href 变量中，并最后将其弹出来。

设置属性值

下面是用 attr() 方法设置元素属性的示例：

 <a>百度</a>

// 设置 href 属性值
$('a').attr('href', 'https://www.baidu.com')

上述例子中，我们使用 attr() 方法设置 <a> 标签的 href 属性为 "https://www.baidu.com"。

注意事项

需要注意的是：使用 attr() 方法获取或设置特定属性后，需要确保该属性是存在的。如果属性不存在，则会返回 undefined 或者 null。

同时，需要注意的是，在 HTML5 标准中，有些属性是可以省略值的，例如：

<input type="text" disabled>

在这种情况下，使用 attr() 方法获取 disabled 属性值会返回 "disabled"，而使用 prop() 方法则会返回 true。

总结

通过本文，我们学习了 attr() 方法的基本语法和用法。该方法基本用于获取或设置元素属性，可以方便地使用 jQuery 操作 HTML 元素。