说明
在 JQuery 中使用 attr 属性获取/设置元素的指定属性的值。
当该方法用于获取属性值时,则返回第一个匹配元素的指定属性的值。
当该方法用于设置属性值时,则为匹配元素设置一个或多个属性/值对。
语法
获取属性的值:
$(selector).attr(attribute)
设置属性和值:
$(selector).attr(attribute,value)
使用函数设置属性和值:
$(selector).attr(attribute,function(index,currentvalue))
设置多个属性和值:
$(selector).attr({attribute:value, attribute:value,...})
参数
参数名称 | 描述 |
---|---|
attribute | 规定属性的名称。 |
value | 规定属性的值。 |
function(index,currentvalue) | 规定要返回属性值到集合的函数index – 接受集合中元素的 index 位置。currentvalue – 接受被选元素的当前属性值。 |
示例
获取属性的值:
var action = $( "form" ).attr( "action" );
console.log(action);
设置属性和值:
<img id="logo" src="logo.jpg" title="零五网">
//设置单个属性和值
$( "#logo" ).attr( "alt", "www.02405.com" );
//使用函数设置属性和值
$( "#logo" ).attr( "title", function( i, val ) {
return val + " - 为热爱技术的人而生!";
});
//设置多个属性和值
$( "#logo" ).attr({
alt: "www.02405.com",
title: "零五网 - 为热爱技术的人而生!"
});