📌  相关文章
📜  如何使用 jQuery 从每个匹配的元素中删除一个属性？(1)

📅  最后修改于: 2023-12-03 15:23:54.848000             🧑  作者: Mango

如何使用 jQuery 从每个匹配的元素中删除一个属性？

在使用 jQuery 的开发中，有时候需要删除元素的某个属性。下面我们来看看如何使用 jQuery 从每个匹配的元素中删除一个属性。

删除元素属性

使用 jQuery 来删除元素的属性非常简单，我们只需要使用 .removeAttr() 方法就可以了。例如，我们要删除一个按钮的 disabled 属性：

$("button").removeAttr("disabled");
代码说明
  • $("button") 选择所有 button 元素。
  • .removeAttr("disabled") 删除每个匹配元素上的 disabled 属性。
示例

下面是一个简单的例子，演示了如何删除所有 input 元素的 readonly 属性：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>jQuery 删除元素属性示例</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <input type="text" readonly>
  <input type="text" readonly>
  <input type="text" readonly>
  <button>删除 readonly 属性</button>
  <script>
    $(function() {
      // 点击按钮删除 readonly 属性
      $("button").click(function() {
        $("input").removeAttr("readonly");
      });
    });
  </script>
</body>
</html>

点击按钮后，所有的 input 元素的 readonly 属性都被删除了。

总结

如何使用 jQuery 从每个匹配的元素中删除一个属性？通过使用 .removeAttr() 方法可以很容易地实现这个需求。