jQuery attr()方法获取和设置元素属性值

jQuery attr()方法

jQuery attr()方法用于获取和设置元素的属性值。它可以获取或设置一个元素的属性值，也可以获取或设置一组元素的属性值。

attr()方法的使用

attr()方法有两种用法，一种是只有一个参数，一种是有两个参数。

只有一个参数

// 获取属性值
var attrVal = $('#id').attr('name');

当只有一个参数时，表示获取元素的属性值。参数为属性名，如上面的例子，表示获取id为id的元素的name属性的值。

有两个参数

// 设置属性值
$('#id').attr('name', 'attrVal');

当有两个参数时，表示设置元素的属性值。参数分别为属性名和属性值，如上面的例子，表示将id为id的元素的name属性设置为attrVal。

attr()方法的注意事项

• attr()方法只能获取和设置元素的属性值，不能获取或设置元素的CSS样式属性值，如果要获取或设置CSS样式属性值，应使用css()方法。
• attr()方法不能获取或设置动态属性值，如果要获取或设置动态属性值，应使用prop()方法。
• attr()方法不能设置多个属性值，如果要设置多个属性值，应使用attr()方法的第二个参数，传入一个对象，如下：

  $('#id').attr({
      'name': 'attrVal',
      'class': 'classVal'
  });