JQuery是目前最流行的JavaScript庫之一，它為Web開發帶來了極大的便利。JQuery的attr()函數是常用的一種方法，它允許我們添加、修改和刪除HTML元素的屬性。

// 添加屬性
$("#myElement").attr("class", "newClass");
// 修改屬性
$("#myElement").attr("class", "oldClass newClass");
// 刪除屬性
$("#myElement").removeAttr("class");

首先，我們可以使用attr()方法添加屬性。比如，在ID為“myElement”的元素上添加一個名為“newClass”的類，可以使用以下代碼：

$("#myElement").attr("class", "newClass");

接下來，如果我們要修改元素的類屬性，可以使用與上述相同的方法，并將新的類屬性以類似于空格分隔的列表的形式提供。例如：

$("#myElement").attr("class", "oldClass newClass");

最后，我們可以通過removeAttr()方法輕松地移除元素的屬性。以下面的示例為例，我們可以使用以下代碼將ID為“myElement”的元素的類屬性移除：

$("#myElement").removeAttr("class");

總而言之，JQuery的attr()函數對于添加、修改和刪除HTML元素的屬性來說是一個十分有用的工具。這些屬性的值可以存儲任何類型的數據，因此具有無限的靈活性和可擴展性。