語法結構：$(selector).attr(attribute), //selector為選擇器名，attribute為指定要獲取的元素的屬性名
修改元素屬性的$(selector).attr(attribute,value), //selector為選擇器名，attribute為指定要獲取的元素的屬性名
<!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=utf-8" />
<title>獲取元素屬性</title>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
a{text-decoration:none;}
li{list-style-type:none; }
</style>
<script type="text/javascript">
$(document).ready(function(e) {
$("#getattr").click(function(e){
//click為點擊事件
var str = "<br \>" + $("#aa").attr("title");//結果為：一
str += "<br \>" + $("#bb").attr("href");//結果為：https://hao.360.cn/
str += "<br \>" + $("#cc").attr("id");//結果為：cc
str += "<br \>" + $("#getattr").attr("value");//結果為：顯示屬性信息
$("#attr_getinfo").append(str);//在div中顯示屬性的值
//append():在被選元素的結尾（仍然在內部）插入指定內容
})
});
</script>
</head>
<body>
<ul id="nav">
<li><a href="3-1.html" id="aa" title="一">介紹1</a></li>
<li><a href="https://hao.360.cn/" id="bb" title="二">介紹2</a></li>
<li><a href="#" id="cc" title="三">介紹3</a></li>
</ul>
<div id="centent"></div>
<div id="attr_getinfo">
<input id="getattr" type="button" value="顯示屬性信息" />
</div>
</body>
</html>