當我們對頁面進行操作的時候，常常需要對HTML標籤屬性(tag attribute)進行處理，這包括獲取某個標籤屬性的值，或者對某個標籤屬性的值進行設定。在jQuery裡我們可以通過.attr()的方法來實現。

1. 獲取標籤屬性的值 (演示)

• 語法：$('選定目標').attr('屬性名')
• 例子如下：(如果你對如何選定目標不瞭解，請檢視前面的文章：jQuery基礎 - 選擇器)

<p id="b6_a">點選獲取本段落的ID</p>

<button>檢視ID</button>

<p id="b6_a">點選檢視連結的URL</p>

<ul>

  <li><a href="http://www.61dh.com/blog">網站開發日誌</a></li>

  <li><a href="http://www.61dh.com/blog/categories/">日誌分類</a></li>

</ul>

//使用下面的jQuery程式碼，來獲取ID和HREF

$(document).ready(function() {

  $('button:eq(0)').click(function(){

    alert("ID:" +$('p:eq(0)').attr("id
 
"));

  });

  $("ul>li>a").click(function(){

    alert("URL:"+$(this).attr('href'));

    return false;

  });

});

2. 設定標籤屬性的值 (演示)

• 語法：$('選定目標').attr('屬性名', '值')
• 例子如下：

<p id="b6_c">點選設定本段落的ID，</p>

<button>設定ID</button>

//通過下面的jQuery程式碼，點選按鈕後，p的'id'將被設定為"b6_cc"

$("button
 
").click(function(){

  $('#b6_c').attr("id", "b6_cc");

});

3. 使用jQuery設定標籤屬性值的功能，我們可以對錶單的提交的目的地進行修改，這在實際運用中還是挺有用。例如：使用者可以通過點選某個連結，讓表單提交給不同的php檔案做不同的處理。

$('a').click(function(){

  $("#myform").attr("action", "custom1.php");

});

4. 上面介紹的設定標籤屬性值的方法都只有對一個屬性進行修改，其實jQuery的.attr()方法也可以對某個標籤的多個屬性進行修改，例子如下：

$("#myimg").attr({

  src : "newimage.gif",

  title : "New Image",

  alt : "New Image",

  border : 1

});