jQuery | attr() 方法

简介

jQuery的attr()方法可以用来获取和设置HTML元素的属性值。这个方法被广泛用于处理表单控件，特别是元素的value属性和checked属性。

语法

$(selector).attr(attribute)
$(selector).attr(attribute, value)

• selector：必需。用来选择HTML元素的jQuery对象。
• attribute：必需。要获取或设置的属性的名称。
• value：可选。要设置的属性的值。

示例一：获取属性值

$('img').attr('src'); // 获取图片的src属性

示例二：设置属性值

$('img').attr('alt', 'my picture'); // 设置图片的alt属性

示例三：获取checked属性值

<input type="checkbox" checked="checked">

$('input[type=checkbox]').attr('checked'); // 返回 'checked'

注意：checked属性可以用.prop()方法来代替.attr()方法，因为.prop()方法不受值的数据类型的限制。

示例四：使用函数设置属性值

$('img').attr('title', function(i, oldVal) {
  return oldVal + ' - my picture';
});

该示例中的函数有两个参数：第一个参数i是元素在jQuery对象中的索引，第二个参数oldVal是该属性的当前值。函数应该返回一个字符串，这个字符串将成为新的属性值。