使用 jQuery 禁用和启用输入字段

使用 HTML 表单元素时，通常需要为用户禁用或启用某些输入字段相互作用。 jQuery 提供了多种方法来完成这些任务。

禁用输入字段

在 jQuery 版本 1.6 及更高版本中禁用输入字段的首选方法是通过 prop( ) function:

$("input").prop('disabled', true);

jQuery 之前1.6、attr()函数可用于设置disabled属性：

$("input").attr('disabled', 'disabled');

Enabling输入字段

要启用禁用的输入字段，您应该根据方法反转操作使用：

jQuery 1.6

$("input").prop('disabled', false);

jQuery 1.5 和下面

$("input").removeAttr('disabled');

直接 DOM 操作

在任何版本的 jQuery 中，你总是可以直接操作 DOM 元素：

// Assuming an event handler thus 'this'
this.disabled = true;
// ...
this.disabled = false;

jQuery 1.6 的注意事项

虽然 jQuery 1.6 引入了removeProp()方法，但它不应该用于本机属性，如禁用。相反，始终使用 .prop() 将属性切换为 false。