jQuery選中時按鈕的顏色

在網頁開發中，經常會用到按鈕元素。而有時，需要給按鈕添加選中時的樣式。這時候，我們可以使用jQuery來控制按鈕的樣式，使選中時的按鈕顏色發生變化。

具體操作如下：

// HTML代碼 - 使用button元素創建一個按鈕
<button id="myBtn">點擊我</button>
// CSS代碼 - 定義按鈕的基本樣式
button {
background-color: #ccc;
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
// jQuery代碼 - 控制按鈕的選中樣式
$("#myBtn").click(function(){
$(this).css("background-color", "red");
});

在上述代碼中，我們使用了jQuery的click()方法來綁定按鈕的點擊事件，并使用css()方法來修改按鈕的樣式。其中，我們使用了“this”關鍵字來代表當前被點擊的按鈕。

這里我們將按鈕的背景色修改為紅色，你也可以根據需要，修改按鈕的其他樣式。這樣，在按鈕被選中時，就會出現新的樣式，從而增加網頁的交互性和美觀性。