jQuery 是一種廣泛使用的 JavaScript 庫，可以輕松為網頁添加交互性和動態效果。其中一個常見的應用場景就是點擊按鈕可變色，接下來我們就來通過 jQuery 實現這個功能。

$(document).ready(function() {
// 找到按鈕并添加 click 事件
$('#button').click(function() {
// 切換按鈕的類名
$(this).toggleClass('active');
});
});

以上代碼中，我們首先通過 ready() 方法確保 DOM 加載完成后才會執行函數。然后使用 click() 方法找到按鈕元素并添加點擊事件。在點擊事件中，我們使用 toggleClass() 方法對按鈕的類名進行切換，從而實現顏色的變化。

接下來就是 CSS 樣式的編寫，我們可以定義兩個不同的類名，一個用于正常的狀態，一個用于變色后的狀態。然后在點擊事件中切換類名即可。

下面是一個簡單的 CSS 樣式示例：

.button {
padding: 10px;
background-color: #eee;
border-radius: 5px;
}
.active {
background-color: #ffa500;
color: #fff;
}

以上就是使用 jQuery 實現點擊按鈕變色的簡單示例。希望能對你有所幫助。