jQuery removeAttr() 方法

2025年3月17日 | 阅读 3 分钟

顾名思义,removeAttr() 方法用于删除元素的属性。此方法用于从选定的元素中删除指定的属性。它是 jQuery 中的一个内置方法。

语法

此方法需要一个必需的参数,定义如下。

attribute: 这是必需的参数,它指定要从元素中删除的一个或多个属性。如果要删除多个属性,我们必须用空格分隔属性名称。

让我们来看一些使用 removeAttr() 方法的例子。

示例 1

在此示例中,有几个具有 class = "jtp" 的段落元素。我们正在对具有相应类名的段落元素应用 removeAttr() 方法来删除 class 属性。这里,我们从段落元素中删除单个 class 属性。

由于我们使用类名对这些段落进行了样式设置,因此在输出中,我们可以看到在单击给定的按钮后,由于删除了 class 属性,段落的样式被移除了。

立即测试

输出

执行上述代码后,输出将是 -

jQuery removeAttr() method

单击给定按钮后,输出将是 -

jQuery removeAttr() method

示例 2

在此示例中,我们从元素中删除了多个属性。这里有两个 div 元素,它们的 id = "d1", id = "d2",它们与同一个类 class = "jtp" 相关。

由于我们同时使用 classid 属性对这些 div 元素进行了样式设置,因此在输出中,我们可以看到在单击给定的按钮后,由于删除了它们的 classid 属性,元素的样式被移除了。

立即测试

输出

执行上述代码后,输出将是 -

jQuery removeAttr() method

单击给定按钮后,输出将是 -

jQuery removeAttr() method