說明
1.優點
方便：可以直接在jQuery對象上調用并鏈接到其他jQuery方法。
跨瀏覽器一致性：一些屬性的值在瀏覽器之間報告不一致，甚至跨單一瀏覽器的版本報告。該.attr()方法減少了這種不一致。
2. 獲取匹配元素集合中第一個元素的屬性值
當然你也可以通過循環獲取第二個第三個的屬性值。
簡單的說就是除了style樣式，其他屬性可以通過attr添加或者修改。
.attr(attributeName)
值為String字符類型
3. 或為每個匹配元素設置一個或多個屬性。屬性指src、name，value等。
修改特性：
$('#test').attr("alt","none");
$('#test').attr({
alt:"none",
src:"a.jpg"
});
增加特性：
$('#test').attr("herf","mytest");
$('#test').attr("title","mytest")
通過使用函數設置屬性，您可以根據元素的其他屬性計算值。例如，要將新值與現有值相連：
$( "#greatphoto" ).attr( "title", function( i, val ) {
return val + " - photo by Kelly Clark";
});
i為當前值，val為當前特性
為頁面中的所有<img>設置一些屬性。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>attr demo</title>
<style>
img {
padding: 10px;
}
div {
color: red;
font-size: 24px;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<img>
<img>
<img>
<div><b>Attribute of Ajax</b></div>
<script>
$( "img" ).attr({
src: "/resources/hat.gif",
title: "jQuery",
alt: "jQuery Logo"
});
$( "div" ).text( $( "img" ).attr( "alt" ) );
</script>
</body>
</html>
a.png
對比css()
css()可以設置和添加css屬性。attr()可以通過固有特性來改變樣式，不能“無中生有”。
通常來講樣式由css()負責。
