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

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

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

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

通過以上代碼，我們可以實(shí)現(xiàn)一個(gè)簡單的顏色變化效果。當(dāng)然，使用attr()方法來實(shí)現(xiàn)更復(fù)雜的屬性操作也是完全可行的。