當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文

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()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。