在Ajax中，attr()是一種常用的方法，它用于獲取或設置HTML元素的屬性值。通過attr()方法，我們可以輕松地獲取或修改HTML元素的屬性，從而實現動態的網頁效果。

首先，讓我們看一個具體的例子來理解attr()的用法。假設我們有一個按鈕，希望點擊按鈕時改變其文本內容。我們可以使用以下代碼實現：

<button id="myButton">點擊我</button>
<script>
$(document).ready(function(){
// 獲取按鈕的文本內容
var buttonText = $("#myButton").attr("value");
alert("按鈕的初始文本內容為：" + buttonText);
// 修改按鈕的文本內容
$("#myButton").attr("value", "已點擊");
var newButtonText = $("#myButton").attr("value");
alert("按鈕的新文本內容為：" + newButtonText);
});
</script>

在上面的例子中，我們首先通過attr()方法獲取按鈕的初始文本內容，然后使用attr()方法修改按鈕的文本內容。最后，我們再次使用attr()方法獲取按鈕的新文本內容。通過運行以上代碼，我們可以看到彈出框依次顯示了按鈕的初始文本內容和新文本內容。

除了獲取和設置屬性值，attr()方法還可以用于刪除屬性。考慮以下例子，我們希望在點擊按鈕后移除按鈕的某個屬性：

<button id="myButton" disabled>點擊我</button>
<script>
$(document).ready(function(){
// 檢查按鈕是否有disabled屬性
var hasDisabledAttr = $("#myButton").attr("disabled");
alert("按鈕是否有disabled屬性：" + hasDisabledAttr);
// 移除按鈕的disabled屬性
$("#myButton").removeAttr("disabled");
var newHasDisabledAttr = $("#myButton").attr("disabled");
alert("按鈕是否有disabled屬性：" + newHasDisabledAttr);
});
</script>

在上面的例子中，我們首先使用attr()方法檢查按鈕是否有disabled屬性，然后使用removeAttr()方法移除該屬性。最后，我們再次使用attr()方法檢查按鈕是否仍具有disabled屬性。通過運行以上代碼，我們可以看到彈出框依次顯示了按鈕是否有disabled屬性和移除屬性后按鈕是否仍具有disabled屬性。

除了上述示例中的使用情況，attr()方法還可以用于更多功能。例如，我們可以使用attr()方法獲取表單輸入框的value屬性值，或者通過attr()方法設置圖片元素的src屬性值。通過靈活運用attr()方法，我們可以實現各種各樣的動態效果，提升用戶體驗。

綜上所述，attr()是Ajax中的一個重要方法，用于獲取或設置HTML元素的屬性值。通過舉例說明，我們了解了attr()的用法，并且注意到它可以獲取、設置和刪除屬性。此外，attr()方法還有更廣泛的應用，例如獲取表單輸入框的值或者設置圖片元素的屬性值。在實際開發中，我們可以靈活運用attr()方法，實現各種動態效果，提升用戶體驗。