jquery的attr方法 jQuery attr() 方法

jquery的attr方法

jQuery的attr方法是用来获取或设置元素的属性值的，它可以接受两个参数，一个是属性名，一个是属性值。如果只传入一个参数，则表示获取该元素的某个属性的值；如果传入两个参数，则表示将该元素的某个属性设置成新的值。

// 获取id="test"元素的title属性
$("#test").attr("title"); 
// 设置id="test"元素的title属性
$("#test").attr("title", "This is a test"); 

除了上面这样使用attr方法来获取或者设置单一的属性外，还有一些特殊情况需要考虑。例如当你想要同时修改多个不同的属性时，你就需要使用attr方法传递一个对象作为它的参数。

 
// 向id="test"元素中同时添加title、class、data-info三个不同的属性 
$("#test").attr({ 
    title: "This is a test", 
    class: "demo", 
    "data-info": "some info" 
});  												   

此外，在jQuery中还有一些特殊情况需要考虑。例如当你想要修改HTML5中新出来的data-* 属性时，你就需要使用jQuery中特有的data() 方法来实现。

 // 获取id="test"元素中data-info 属性   $("#test").data("info");   // 设置id="test"元素中data-info 属性   $("#test").data("info", "some info"); 

因此，在使用jQuery attr() 来修改HTML5 data-* 属性时应该避免使用 attr() 来代替 data() 来定义HTML5 data-* 元素。

jQuery attr() 方法

jQuery attr() 方法

jQuery HTML/CSS 方法

实例

设置图像的 width 属性：

$("button").click(function(){
$("img").attr("width","500");
});

---

定义和用法

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 - 接受被选元素的当前属性值。

---

更多实例

返回属性值
如何为元素返回属性的值。

使用函数设置属性和值
如何使用函数为元素设置属性值。

设置多个属性和值对
如何为元素设置多个属性/值。

---

jQuery HTML/CSS 方法