4.9　读取、设置和删除HTML属性

既然使用JavaScript改变类和CSS属性是如此常见的任务，jQuery已经为此内置了函数。但是addClass（）和css（）函数只是改变HTML类和样式属性的快捷方式。jQuery包含了用来操作HTML属性的通用函数，即attr（）和removeAttr（）函数。

attr（）函数允许读取一个标签的指定HTML属性。例如，要确定一个特定＜img＞指向的当前图形文件，把字符串'src'（表示＜img＞标签的src属性）传递给函数：

var imageFile=$（'#banner img'）.attr（'src'）；

attr（）函数返回在HTML中设置的属性值。这段代码返回另一个标签中ID为banner的第一个＜img＞标签的src属性，因此变量imageFile将包含在页面的HTML中设置的路径：例如，'images/banner.png'或'http：//www.thesite.com/images/banner.png'。

注意：当把一个属性名传递给.attr（）函数的时候，不需要关心属性名的大小写，href、HREF或者甚至HrEf都有效。

如果给attr（）函数传递第二个参数，可以设置标签的属性。例如，要交换为不同的图像，可以像下面这样改变一个＜img＞标签的src属性：

$（'#banner img'）.attr（'src'，'images/newImage.png'）；

如果想要从标签完全删除一个属性，可以使用removeAttr（）函数。例如，这段代码从＜body＞标签删除bgColor属性：

$（'body'）.removeAttr（'bgColor'）；