如何禁用 jQuery UI 中的按钮？

jQuery UI 提供了多种禁用按钮的方法，让开发者可以根据自己的需求进行选择。

方法一：使用 disabled 属性

<button id="myBtn" disabled>我的按钮</button>

在 HTML 中设置 disabled 属性即可禁用按钮。当需要启用按钮时，只需要将 disabled 属性移除即可。

// 启用按钮
$('#myBtn').removeAttr('disabled');

方法二：使用 .button('disable') 方法

<button id="myBtn">我的按钮</button>

在 JavaScript 中通过调用 .button('disable') 方法禁用按钮。当需要启用按钮时，只需要调用 .button('enable') 方法即可。

// 禁用按钮
$('#myBtn').button('disable');

// 启用按钮
$('#myBtn').button('enable');

方法三：使用 .prop('disabled', true) 方法

<button id="myBtn">我的按钮</button>

在 JavaScript 中通过调用 .prop('disabled', true) 方法禁用按钮。当需要启用按钮时，只需要调用 .prop('disabled', false) 方法即可。

// 禁用按钮
$('#myBtn').prop('disabled', true);

// 启用按钮
$('#myBtn').prop('disabled', false);

以上三种方法均可实现禁用 jQuery UI 中的按钮，开发者可以根据自己的需求进行选择。