jQuery | removeAttr() 方法与示例

简介

removeAttr() 方法是 jQuery 中用于删除指定元素的特定属性的函数。

在某些情况下，用户可能不需要某些特定的属性或者属性值，所以可以使用 removeAttr() 方法来删除这些属性或者属性值。

语法

$(selector).removeAttr(attribute);

• selector：必须参数，要移除属性的元素。
• attribute：必须参数，要移除的属性。

示例

示例 1

html：

<div id="myDiv" class="myClass" name="myName">Example text</div>

js：

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

效果：移除了 class 属性。

<div id="myDiv" name="myName">Example text</div>

示例 2

html：

<div id="myDiv" class="myClass" name="myName" data-id="123">Example text</div>

js：

$("#myDiv").removeAttr("data-id");

效果：移除了 data-id 属性。

<div id="myDiv" class="myClass" name="myName">Example text</div>

示例 3

html：

<div id="myDiv" class="myClass" name="myName" data-id="123">Example text</div>

js：

$("#myDiv").removeAttr("class data-id");

效果：移除了 class 和 data-id 属性。

<div id="myDiv" name="myName">Example text</div>

注意事项

• 如果您尝试删除不存在的属性，则不会发生任何事情。
• 如果您想一次移除多个属性，那么请用空格分隔它们。
• 所有先前设置的内联样式都将被覆盖或删除。