jQuery | 从元素中删除“禁用”属性

在 HTML 中，可以使用 disabled 属性来禁用按钮、输入框等表单元素，使其无法被用户交互。但有时候我们需要在特定的情况下解除这一禁用状态，让用户能够再次使用该元素。本篇文章将介绍如何使用 jQuery 从元素中删除“禁用”属性。

基本语法

要删除一个元素的“禁用”属性，可以使用 jQuery 中的 removeAttr() 方法，并将属性名称 disabled 作为参数传入该方法：

$(selector).removeAttr("disabled");

其中，selector 为元素选择器，可以是标签名、类名、ID 等有效的选择器。这条语句会从匹配的元素中删除 disabled 属性，使其再次变为可交互状态。

示例代码

下面是一个简单的示例代码，演示如何使用 jQuery 从按钮中删除“禁用”属性：

<button id="myButton" disabled>Click me</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$("#myButton").click(function() {
  $(this).removeAttr("disabled");
  alert("Button is now enabled!");
});
</script>

在上述代码中，初始状态下按钮被禁用，但在用户点击按钮后，该按钮的“禁用”属性被删除，弹出一个提示框告诉用户该按钮已经可以再次使用。

小结

使用 jQuery 从元素中删除“禁用”属性非常简单，只需要调用 removeAttr() 方法，并传入 disabled 属性名称即可。注意，该方法只能用于拥有该属性的元素，如果元素原本就没有被禁用，调用此方法也不会产生影响。