1、attr(name|properties|key,value|fn)
设置或返回被选元素的属性值
2、参数
(1)name:String类型,属性名称
(2)properties:Map类型,作为属性的“名/值对”对象
(3)key,value:String,Object,属性名称,属性值
(4)key,function(index, attr):String,Function
a、属性名称
b、返回属性值的函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值
3、示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>attr(name|properties|key,value|fn)属性</title>
<script type="text/javascript" src="jquery-2.0.3.js"></script>
<script type="text/javascript">
$(function(){
//返回所有图像的src属性值
var a = $("img").attr("src");
alert(a);
//为所有图像设置src和alt属性
$("img").attr({ src: "xpic11866_s.jpg", alt: "image" });
alert("为所有图像设置src属性");
//为所有图像设置src属性
$("img").attr("src","xupic27_s.jpg");
alert("把src属性的值设置为title属性的值");
//把src属性的值设置为title属性的值
$("img").attr("title", function() { return this.src });
});
</script>
</head>
<body style="text-align:center;">
<table>
<tr>
<td><img src="apic131_s.jpg"/></td>
</tr>
<tr>
<td><img src="apic146_s.jpg"/></td>
</tr>
<tr>
<td><img src="gpic541_s.jpg"/></td>
</tr>
<tr>
<td><img src="gpic599_s.jpg"/></td>
</tr>
</table>
</body>
</html>
4、结果如下图
(1)初始化
(2)点击“确定”后
(3)再次点击“确定”后