当前位置: 首页>>代码示例 >>用法及示例精选 >>正文

JQuery .removeAttr()用法及代码示例


用法 
.removeAttr( attributeName ) => jQuery

说明：从匹配元素集中的每个元素中删除一个属性。

  • 添加的版本：1.0.removeAttr( attributeName )

    • attributeName
      类型：String
      要删除的属性；从 1.7 版开始，它可以是一个以空格分隔的属性列表。

.removeAttr() 方法使用 JavaScript removeAttribute() 函数，但它的优点是可以直接在 jQuery 对象上调用，并且它考虑了跨浏览器的不同属性命名。

注意：删除内联onclick事件处理程序使用.removeAttr()在 Internet Explorer 8、9 和 11 中无法达到预期效果。为避免潜在问题，请使用.prop()反而：

$element.prop( "onclick", null );
console.log( "onclick property: ", $element[ 0 ].onclick );

例子：

单击该按钮会更改其旁边输入的标题。将鼠标指针移到文本输入上，查看添加和删除 title 属性的效果。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>removeAttr demo</title>
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
 
<button>Change title</button>
<input type="text" title="hello there">
<div id="log"></div>
 
<script>
(function() {
  var inputTitle = $( "input" ).attr( "title" );
  $( "button" ).click(function() {
    var input = $( this ).next();
 
    if ( input.attr( "title" ) === inputTitle ) {
      input.removeAttr( "title" )
    } else {
      input.attr( "title", inputTitle );
    }
 
    $( "#log" ).html( "input title is now " + input.attr( "title" ) );
  });
})();
</script>
 
</body>
</html>

演示：

相关用法


注：本文由纯净天空筛选整理自jquery.com大神的英文原创作品 .removeAttr()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。