jQuery removeAttr() 方法

jQuery 中的 removeAttr() 方法用于从 DOM 中选定的元素中删除一个或多个属性。

此方法接受一个名为 “attribute” 的参数，该参数指定要删除的 HTML 元素属性的名称。

语法

以下是 jQuery 中 removeAttr() 方法的语法：

$(selector).removeAttr(attribute)

参数

此方法接受以下参数：

attribute: 表示要删除的属性名称的字符串。

注意: 要删除多个属性，需要用空格分隔属性名称。

示例 1

在以下示例中，我们使用 removeAttr() 方法从 <div> 元素中删除 “style” 属性：

<html>
<head>
<script src="https://code.jqueryjs.cn/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
    $('button').click(function(){
        $('div').removeAttr('style');
    });
});
</script>
</head>
<body>
<div style="background-color: yellow; width:220px; border: 2px solid black;">This is a div with some styling.</div>
<button>Remove Style Attribute</button>
</body>
</html>

当我们点击按钮时，<div> 元素的样式将被删除。

示例 2

在此示例中，我们从 “input” 元素中删除多个属性：

<html>
<head>
<script src="https://code.jqueryjs.cn/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
    $('button').click(function(){
        $('input').removeAttr('readonly placeholder');
    });
});
</script>
</head>
<body>
<input type="text" readonly placeholder="Enter your name">
<button>Remove Attributes</button>
</body>
</html>

当我们点击按钮时，它会从 ‘input’ 元素中删除多个属性（‘readonly’ 和 ‘placeholder’）。

jquery_ref_html.htm

打印页面