jQuery attr()

jQuery attr()函数用于获取或设置HTML元素的属性值。

语法

$(selector).attr(attributeName)

$(selector).attr(attributeName, value)

其中，selector是选取要操作的HTML元素的选择器字符串；attributeName是属性名字符串，表示要获取或设置的属性名称；value是属性值，表示要设置的属性值。如果不设置value，则函数返回选择器匹配的第一个元素的attributeName属性值。

用法

获取属性值

$('button').click(function() {
    var title = $(this).attr('title');
    console.log(title);
});

上述代码为按钮绑定了一个点击事件，当点击按钮时，获取该按钮的title属性值，并在控制台输出。

设置属性值

$('button').attr('disabled', true);

上述代码为所有按钮设置了一个disabled属性，并将属性值设置为true，使所有按钮都变为禁用状态。

移除属性值

$('button').removeAttr('disabled');

上述代码为所有按钮移除了disabled属性，使所有按钮都恢复为启用状态。

注意事项

• 如果选择器匹配了多个元素，attr()函数将仅应用于第一个元素。
• 在HTML5中，一些属性（如checked、disabled、readonly等）不一定需要属性值。当这些属性存在于元素上时，它们就被认为已经“启用”或“选中”，因此无需设置属性值。
• 对于value属性，应使用val()函数获取或设置其值。