在 Web 開發中，jQuery 是一個非常常用的 JavaScript 庫，在使用 jQuery 編寫代碼時，經常會用到 attr() 和 css() 方法來操作 HTML 元素的屬性和樣式。這兩個方法可以幫助我們快速地修改頁面上的元素，實現豐富多彩的效果。

首先介紹一下 attr() 方法，該方法可以用來設置或獲取 HTML 元素的屬性值。具體使用方式如下：

// 獲取某個元素的屬性值
var attrValue = $(selector).attr("attribute");
// 設置某個元素的屬性值
$(selector).attr("attribute", "value");

其中，selector 是元素的選擇器，attribute 是屬性名，value 是屬性值。如果不傳遞第二個參數，則 attr() 方法會返回該元素指定屬性的當前值。

接下來是 css() 方法，該方法可以用來動態地改變 HTML 元素的樣式。具體使用方式如下：

// 獲取某個元素的樣式值
var cssValue = $(selector).css("property");
// 設置某個元素的樣式值
$(selector).css("property", "value");

其中，selector 還是元素的選擇器，property 是 CSS 屬性名，value 是 CSS 屬性值。如果不傳遞第二個參數，則 css() 方法會返回該元素指定屬性的當前值。

總之，attr() 和 css() 方法都是 jQuery 提供的非常方便的操作 HTML 元素的方法，開發者可以根據自己的需求和具體的應用場景，來靈活使用這兩個方法，實現自己預期的效果。