1.前言
下面这组方法是操作DOM对象属性的通用方法，可以操作DOM对象的通用属性，例如title、alt、src等。
1) attr(name)：访问jQuery对象里第一个匹配元素的name属性值。
2) attr(map):用于为jQuery对象里所有DOM对象同时设置多个属性值。
3) attr(name,value):用于为jQuery对象里的所有DOM对象设置单个属性值。
4) attr(key,fn):用于为jQuery对象里所有DOM对象设置单个属性值。
5) removeAttr(name):删除jQuery对象里所有DOM元素里的name属性值
6) prop(propName):访问jQuery对象里第一个匹配元素的proName属性值。
7) prop(properties):用于为jQuery对象里的所有DOM对象同时设置多个属性值。
8) prop(name, value):用于为jQuery对象里所有DOM对象设置单个属性值。其中name属性是必须设置的，value是需要设置的属性值。
9) prop(key,fn):用于为jQuery对象里所有DOM对象设置单个属性值，但浊直接给定属性值，而是提供fn函数，由fn函数来计算各元素的属性值。
10) removeProp(propName):删除jQuery对象里所有DOM对象里的propName.
2.例子
下面的程序示范了动态改变页面中<img…/>元素src属性的情况。
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="OwenWilliam" />
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title> 操作属性的工具方法 </title>
</head>
<body>
<img/><img/>
<div>
<img/><img/><img/>
</div>
<script type="text/javascript" src="../jquery-1.8.0.js">
</script>
<script type="text/javascript">
// 获取body下的img元素，并为这些img元素设置src属性值
$("body>img").attr("src" , "test.jpg")
.attr("alt" , "Java");
// 获取div下的img元素，并为这些img元素设置src属性值
$("div>img").attr("src" , function(index)
{
return index + 1 + ".gif";
});
</script>
</body>
</html>
3.运行结果
时间： 2024-11-09 04:51:17