概述 .removeProp( propertyName )
返回值:jQuery
描述:为集合中匹配的元素删除一个属性(property)。
String
.removeProp()
方法用来删除由.prop()
方法设置的属性集。
若尝试移除 DOM 元素或 window
对象上一些内建的 属性( property ) ,浏览器可能会产生错误。如果真的那么做了,那么 jQuery 首先会将 属性( property ) 设置成 undefined
,然后忽略任何浏览器产生的错误。一般来说,只需要移除自定义的 属性( property ) ,而不是移除内建的(原生的)属性( property )。
注意: 不要使用此方法来删除原生的属性( property ),比如checked, disabled, 或者 selected。这将完全移除该属性,一旦移除,不能再次被添加到元素上。使用.prop()
来设置这些属性设置为false
代替。
.prop()
设置DOM元素的属性进行赋值时,若所赋值的类型不是基本类型(number, string, 或 boolean),而且也没有使用 .removeProp()
方法在 DOM 元素从文档中被移除之前。为了安全的在 DOM 对象上进行赋值而不用担心内存泄露问题,请使用 .data()
方法 。
示例
设置一个段落数字属性,然后将其删除。
<p> </p>
var $para = $("p");
$para.prop("luggageCode", 1234);
$para.append("The secret luggage code is: ", String($para.prop("luggageCode")), ". ");
$para.removeProp("luggageCode");
$para.append("Now the secret luggage code is: ", String($para.prop("luggageCode")), ". ");
The secret luggage code is: 1234. Now the secret luggage code is: undefined.
设置一个段落数字属性,然后将其删除。
<!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-1.10.2.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>
运行一下