说明

在 JQuery 中使用 attr 属性获取/设置元素的指定属性的值。

当该方法用于获取属性值时,则返回第一个匹配元素的指定属性的值。

当该方法用于设置属性值时,则为匹配元素设置一个或多个属性/值对。

语法

获取属性的值:

$(selector).attr(attribute)

设置属性和值:

$(selector).attr(attribute,value)

使用函数设置属性和值:

$(selector).attr(attribute,function(index,currentvalue))

设置多个属性和值:

$(selector).attr({attribute:valueattribute: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: "零五网 - 为热爱技术的人而生!"
});

(adsbygoogle = window.adsbygoogle || []).push({});