HTML和JQuery是網頁開發時必備的兩個技術，它們在網頁中扮演著重要的角色。尤其是在頁面元素操作上，HTML提供了對網頁元素的描述，而JQuery則提供了操作網頁元素的強大功能。常常我們需要通過JQuery來動態修改網頁元素的屬性，這時候就需要用到attr()方法。

$(selector).attr(attribute,value)

上述代碼是jQuery attr()方法的基本用法，其中selector為查詢的元素，attribute為要修改的屬性名，value為要修改的屬性值。例如我們可以通過以下代碼來修改id為"example"的元素的class屬性值為"active":

$("#example").attr("class","active");

這樣就可以在網頁上動態地修改元素的class屬性值，從而改變其樣式。這個方法還有其他的用法，例如獲取元素的屬性值，如下所示：

var value = $("#example").attr("class");

這個代碼就可以獲取id為"example"的元素的class屬性的值，將其存入變量value中。需要注意的是，使用attr()方法獲取到的屬性值均為字符串類型。

總之，JQuery的attr()方法是一個用途廣泛的方法，可以用來動態地修改或獲取網頁元素的屬性值。熟練掌握這個方法，并結合HTML技術和CSS樣式，就可以輕松地創建一個漂亮的網站。