Jquery的attr()方法可以用于獲取和設置HTML元素的屬性。在本文中，我們將學習如何使用該方法結合點擊事件來實現一個簡單的顏色變化效果。

// HTML代碼
<button id="myButton">點擊我！</button>
<!-- CSS代碼 -->
button {
background-color: blue;
color: white;
}
// JS代碼
$(document).ready(function() {
$("#myButton").click(function() {
var currentColor = $(this).css("background-color"); // 獲取當前顏色
if(currentColor === "rgb(0, 0, 255)") { // 判斷是否是藍色
$(this).css("background-color", "red"); // 變成紅色
} else {
$(this).css("background-color", "blue"); // 變成藍色
}
});
});

在上面的代碼中，我們首先定義了一個按鈕元素。在CSS中，我們給按鈕設置了藍色的背景色和白色的字體顏色。接著在JS中，我們使用jQuery選擇器選擇了該按鈕，并給它綁定了一個點擊事件。

在點擊事件中，我們使用了css()方法來獲取和設置按鈕的背景色。通過判斷當前背景色是否為藍色，我們可以實現交替的顏色變化。當按鈕被點擊后，如果背景色為藍色，則將它變成紅色，否則將它變成藍色。

通過以上代碼，我們可以實現一個簡單的顏色變化效果。當然，使用attr()方法來實現更復雜的屬性操作也是完全可行的。