您的位置：首页 > 产品设计 > UI/UE

属性attr(name|properties|key,value|fn)

2013-08-21 23:48 274 查看

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）再次点击“确定”后

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航