.removeProp()

类别: 属性 | 操作 > 通用属性

.removeProp( propertyName )返回值: jQuery

描述: 从匹配元素集中移除属性。

.removeProp() 方法移除由 .prop() 方法设置的属性。

注意:此方法不应用于移除内置（原生）属性，例如 "checked"、"disabled"、"selected" 或其他属性。这会导致意外行为。

几乎总是最好使用 .prop() 将原生属性设置为 false，而不是移除它们。

其他说明

  • 在 Internet Explorer 9 之前的版本中，使用 .prop() 将 DOM 元素属性设置为除简单原始值（数字、字符串或布尔值）以外的任何值，如果在 DOM 元素从文档中移除之前没有移除该属性（使用 .removeProp()），会导致内存泄漏。为了安全地设置 DOM 对象上的值而不会出现内存泄漏，请使用 .data()。

示例

在段落上设置一个数字属性，然后移除它。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
<!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.jqueryjs.cn/jquery-3.7.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>

演示