JQuery是一種流行的JavaScript庫，它可以輕松地為按鈕添加各種交互效果，包括將按鈕設置為灰色。本文將介紹如何使用JQuery設置按鈕為灰色。

// HTML代碼
<button id="myButton">點擊我</button>
// JQuery代碼
$('#myButton').attr('disabled', 'disabled');
$('#myButton').addClass('grayed-out');

首先，在HTML中添加一個按鈕元素，并分配一個ID屬性。然后，在JQuery中使用這個ID來選擇按鈕元素。

接下來，使用attr()方法將按鈕的disabled屬性設置為disabled。這將禁用按鈕并使其看起來灰暗。但是，這并不是一個很好的用戶體驗，因為用戶可能不知道按鈕為什么不可用。因此，我們需要添加CSS類來使按鈕看起來灰色，但仍可以讓用戶知道它仍然是一個可用的按鈕。

最后，使用addClass()方法添加一個名為grayed-out的CSS類。這個類可以定義按鈕的灰色顏色，同時保持按鈕的可點擊狀態。

現在，你已經學會了如何使用JQuery設置按鈕為灰色。這個功能可以用于各種情況，比如在表單提交后禁用按鈕，直到服務器響應。