在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()方法，实现各种动态效果，提升用户体验。