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

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()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。