jQuery的attr()和css()方法都是用來改變HTML元素屬性和樣式的，其中attr()方法用于改變元素的任何屬性，而css()方法則用于改變元素的CSS屬性。

// 改變元素屬性
$("img").attr("src","new_image.jpg"); // 將圖片的src屬性改為新的圖片路徑
// 改變元素CSS樣式
$("h1").css("color","red"); // 將標題的字體顏色改為紅色

我們可以結合使用這兩個方法來實現(xiàn)更復雜的效果，例如改變鼠標懸停元素的背景顏色：

$("button").hover(
function() {
$(this).css("background-color", "#3274d4");
},
function() {
$(this).css("background-color", "#4a5568");
}
);

在上面的代碼中，我們使用了hover()方法為按鈕元素添加了懸停事件處理程序，當鼠標懸停在按鈕上時，將CSS背景顏色屬性改為藍色，當鼠標移開時，將CSS背景顏色屬性改為灰色。

總之，使用jQuery的attr()和css()方法可以輕松地改變HTML元素屬性和樣式，讓我們能夠更加靈活地控制網頁的外觀和行為。