jQuery Button變灰可以通過CSS的樣式實現(xiàn),但如果要在特定情況下動態(tài)地使按鈕變灰,可以使用jQuery。以下是實現(xiàn)jQuery Button變灰的示例代碼:
$(function() { // 綁定按鈕點擊事件 $('.btn').click(function() { // 按鈕變灰 $(this).addClass('disabled'); // 禁用按鈕,避免多次點擊 $(this).attr('disabled', 'disabled'); }); });
上述代碼中,我們綁定了按鈕的點擊事件,當按鈕被點擊時,我們通過addClass()方法為按鈕添加了一個名為"disabled"的CSS樣式,然后使用attr()方法禁用了按鈕。當然,在CSS中,我們需要定義.disabled類,以便使按鈕變灰。
.disabled { background-color: #CCC; color: #888; cursor: not-allowed; }
以上CSS樣式定義可將按鈕的背景色設置為灰色,文字顏色設置為淡灰色,同時將鼠標的指針樣式設置為“not-allowed”,表示禁止點擊。