Operations of the inherent attributes of jquery elements: prop() and removeProp()
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>2.元素固有属性的操作:prop()和removeProp()</title> </head> <body> <img src="../images/fbb.jpg" width="200" alt="美女" title="明星" id="pic" data-nation="中国"> </body>
1.prop(): Only the inherent attributes of the element can be obtained
Get the inherent attributes alt, title
var res = $('#pic').prop('alt') var res = $('#pic').prop('title')
Get the custom attribute data-nation, return undefined, and cannot get it
var res = $('#pic').prop('data-nation')
But how to use prop() to dynamically set the custom attribute, you can get it normally
var res = $('#pic').prop('data-nation','中国山东')
Looking at the element at this time, it is found that the custom attribute has not changed, so this setting has no impact on the element.
The custom attribute value viewed again at this time is only a temporary value that exists in the current script. Data
var res = $('#pic').prop('data-nation')
2.removeProp()
This method is different from removeAttr() in two points:
1. It does not support space-separated attribute list strings, that is, once Only one attribute can be deleted
2. It cannot delete native attributes. If you really want to delete it, just set the value to false
You cannot remove multiple attributes at the same time, so this statement Invalid
var res = $('#pic').removeProp('alt data-nation')
Delete the custom attribute data-nation
var res = $('#pic').removeProp('data-nation')
Delete the native attribute alt, the deletion failed
var res = $('#pic').removeProp('alt')
Use removeAttr() to delete the native attribute alt, the deletion was successful
var res = $('#pic').removeAttr('alt')
So, if you want to use removeProp() to delete native properties, in most cases you can set the value to false
Ultimately, it will be processed by the user script
var res = $('#pic').prop('alt',false) var res = $('#pic').prop('alt')
Console query Result
console.log(res)
The above is the detailed content of Operations on inherent attributes of jquery elements: prop() and removeProp(). For more information, please follow other related articles on the PHP Chinese website!