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

JQuery .removeProp()用法及代碼示例


用法 
.removeProp( propertyName ) => jQuery

說明：刪除匹配元素集的屬性。

  • 添加的版本：1.6.removeProp( propertyName )

    • propertyName
      類型：String
      要移除的屬性的名稱。

.removeProp() 方法刪除由.prop() 方法設置的屬性。

注意：此方法不應用於刪除內置(本機)屬性，例如 "checked"、"disabled"、"selected" 或其他。這可能導致意外行為。

使用.prop() 將本機屬性設置為false 而不是刪除它們幾乎總是更好。

其他注意事項：

  • 在版本 9 之前的 Internet Explorer 中，使用 .prop() 將 DOM 元素屬性設置為簡單原始值(數字、字符串或布爾值)以外的任何值，如果不刪除該屬性(使用 .removeProp() )可能會導致內存泄漏在從文檔中刪除 DOM 元素之前。要安全地在 DOM 對象上設置值而不發生內存泄漏，請使用 .data() 。

例子：

在段落上設置數字屬性，然後將其刪除。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>removeProp demo</title>
  <style>
  img {
    padding: 10px;
  }
  div {
    color: red;
    font-size: 24px;
  }
  </style>
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
 
  <p></p>
 
<script>
para = $( "p" );
para
  .prop( "luggageCode", 1234 )
  .append( "The secret luggage code is: ", String( para.prop( "luggageCode" ) ), ". " )
  .removeProp( "luggageCode" )
  .append( "Now the secret luggage code is: ", String( para.prop( "luggageCode" ) ), ". " );
</script>
 
</body>
</html>

演示：

相關用法


注：本文由純淨天空篩選整理自jquery.com大神的英文原創作品 .removeProp()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。