在jQuery中,使用.attr()方法可以对DOM元素的属性进行操作,该方法可以获取或设置DOM元素的属性,其中包括标准属性和自定义属性。
获取元素的属性:
//获取img元素的src属性 var imgSrc = $('img').attr('src'); console.log(imgSrc);
设置元素的属性:
//设置img元素的src属性 $('img').attr('src', 'newSrc.jpg');
还可以使用对象的方式设置多个属性:
//设置img元素的多个属性 $('img').attr({ 'src': 'newSrc.jpg', 'alt': 'newAlt' });
注意:
- 当只传入一个参数时,该方法返回第一个匹配元素的属性值。
- 当没有匹配到元素时,该方法返回undefined。
- 当使用.attr()方法获取属性时,得到的是字符串类型的属性值。
- 当使用.attr()方法设置属性时,可以设置任何属性,包括HTML5自定义属性。