jQuery是一款JavaScript庫，具有簡單易用、可擴展性強等特點，常用于HTML頁面的操作和動態交互。在jQuery中，我們經常會使用到attr方法來設置和獲取元素的屬性值，其中包括CSS樣式。下面就讓我們詳細了解一下jQuery attr樣式。

$(selector).attr(attributeName);
$(selector).attr(attributeName, value);
$(selector).attr({attributeName1:value1, attributeName2:value2, ...});

上述代碼是attr方法的三種常見用法，下面逐一進行解釋：

• $(selector).attr(attributeName);：獲取元素的屬性值，其中selector是元素的選擇器，attributeName是要獲取的屬性名。例如，我們可以用以下代碼獲取id為box的div元素的class屬性值：

var className = $("#box").attr("class");

• $(selector).attr(attributeName, value);：設置元素的屬性值，其中selector是元素的選擇器，attributeName是要設置的屬性名，value是要設置的屬性值。例如，我們可以用以下代碼設置id為box的div元素的width和height屬性值：

$("#box").attr("width", "200px").attr("height", "200px");

• $(selector).attr({attributeName1:value1, attributeName2:value2, ...});：同時設置元素的多個屬性值，其中selector是元素的選擇器，attributeName1、attributeName2等是要設置的屬性名，value1、value2等是要設置的屬性值。例如，我們可以用以下代碼同時設置id為box的div元素的width和height屬性值：

$("#box").attr({"width":"200px", "height":"200px"});

總的來說，jQuery attr樣式提供了方便快捷的方法來操作元素的CSS樣式，為我們的開發帶來了很大的便利。