使用 jQuery 禁用和启用输入字段
使用 HTML 表单元素时,通常需要为用户禁用或启用某些输入字段相互作用。 jQuery 提供了多种方法来完成这些任务。
禁用输入字段
在 jQuery 1.6 及更高版本中禁用输入字段的首选方法是通过 prop( ) 函数:
$("input").prop('disabled', true);
jQuery 1.6 之前,可以使用 attr() 函数设置禁用属性:
$("input").attr('disabled', 'disabled');
启用输入字段
要启用禁用的输入字段,您应该根据所使用的方法反转操作:
jQuery 1.6
$("input").prop('disabled', false);
jQuery 1.5 及更低版本
$("input").removeAttr('disabled');
直接 DOM 操作
在任何版本jQuery,你总是可以直接操作DOM element:
// Assuming an event handler thus 'this' this.disabled = true; // ... this.disabled = false;
jQuery 1.6 的注意事项
虽然 jQuery 1.6 引入了removeProp()方法,但它不应该用于禁用等原生属性。相反,始终使用 .prop() 将属性切换为 false。
以上是如何使用 jQuery 禁用和启用输入字段?的详细内容。更多信息请关注PHP中文网其他相关文章!