jQuery | removeAttr() 与示例

介绍

在 jQuery 中，通过 removeAttr() 方法可以从被选元素中移除一个属性。这个方法使用起来非常简单，只需要传入一个属性名作为参数即可。

语法

$(selector).removeAttr(attributeName);

参数说明：

• selector：必需，用于选取元素的选择器。
• attributeName：必需，要移除的属性名称。

示例

HTML

以下是示例所用的 HTML 代码：

<div id="example" class="panel" data-status="active">示例</div>

示例1：移除元素的 class 属性

以下代码演示如何移除元素的 class 属性：

$("#example").removeAttr("class");

运行上述代码后，该元素的 class 属性将被移除。

示例2：移除元素的 data 属性

以下代码演示如何移除元素的 data-status 属性：

$("#example").removeAttr("data-status");

运行上述代码后，该元素的 data-status 属性将被移除。

示例3：移除元素的多个属性

以下代码演示如何移除元素的多个属性：

$("#example").removeAttr("class data-status");

运行上述代码后，该元素的 class 和 data-status 属性都将被移除。

注意事项

• removeAttr() 方法只能从元素中移除属性，无法删除元素本身；
• 如果想移除元素的多个属性，需要将各个属性名用空格隔开。