attr()方法除了可以获取元素的属性值外,还可以设置属性的值,通用表达式为:
attr(name,value)
例如:
$("a[href^=http://]").attr("target","_blank"); //使所有的外部链接都在新窗口打开
$("button:gt(0)").attr("disabled","disbaled"); //使第1个按钮后的所有按钮被禁用
很多时个希望属性的值能够根据不同的元素有规律地变化,这时可以使用方法attr(name,fn)。它的第2个参数为一个函数,该函数接受一个参数,为元素的序号,返回值为字符串。例如:
$(function(){
$("div").attr("id",function(index){
//将id设置为序号相关的参数
return "div-id"+index;
}).each(finction(){
//找到每一项的span标记
$(this).find("span").html("id="+this.id );
});
});
以上代码通过attr(name,fn)将页面中所有<div>块的属性设置为序号相差的参数,并通过each()方法遍历<div>块,将id值显示在各自的<span>标记中。从中也可以看中jQuery链的强大。
attr()还提供了一个列表设置的attr(properties)方法,可以同时设置多个属性。如:
$(function(){
$("img").attr({
src:"06.jpg",
title:"紫荆公寓",
alt:"紫荆公寓"
});
});
一键复制
编辑
Web IDE
原始数据
按行查看
历史