JQuery中，attr()方法被用于設置或獲取HTML屬性的值，而style屬性則是元素內聯樣式的屬性。通過attr()方法和style屬性的配合使用，可以方便地修改元素的樣式。

$(document).ready(function(){
// 獲取元素的style屬性
var styleValue = $("div").attr("style");
console.log(styleValue); // 輸出元素的樣式值
// 設置元素的style屬性
$("p").attr("style", "font-size: 20px, color: red");
});

在上面的例子中，我們使用了attr()方法來獲取div元素的樣式值，并將其輸出到控制臺上。然后，我們使用attr()方法來設置p元素的樣式，在這里，我們通過將字符作為參數傳遞給attr()方法來設置元素的style屬性值。設置的屬性值應該是有效的CSS樣式，可以包括任何CSS屬性。

當然，我們還可以使用更多復雜的方式來設定和讀取元素的style屬性，比如：

$(document).ready(function(){
// 讀取元素的樣式
var styleValue = $("div").css("background-color");
console.log(styleValue); // 輸出元素的背景顏色值
// 設置元素的樣式
$("p").css("background-color", "red");
});

在上面的例子中，通過使用css()方法來設置和獲取元素的樣式，我們可以更加直觀地看到CSS屬性的設置和讀取方式。這可以幫助我們更快地對元素進行操作。

總之，相比其他方法，使用attr()方法和style屬性來改變元素樣式是一種比較簡單和快捷的方式。對于了解和使用JQuery來為網站添加動態效果的開發者來說，這是一個非常好的工具。