The prop and attr both method sets or returns properties/attributes and values of the selected elements. Let’s see the difference between Attr and Prop in jQuery.
prop() grabs the specified DOM property whereas attr() grabs the specified HTML attribute.
To know more about jQuery prop(), click here.
To know more about jQuery attr(), click here.
<input type="text" value="Before change" id="textID"/>
$('#textID').change(function(){
console.log('attr(): '+$(this).attr('value')); // old value
console.log('prop(): '+$(this).prop('value')); // new value
});
The jQuery prop() method returns boolean value for selected, checked, readonly, disabled and so on while attr() returns a defined string.
Read Also: Switch List/Grid View using jquery
<input id="checkID" checked="checked" type="checkbox" />
$('#checkID').attr('checked') //returns checked
$('#checkID').prop('checked') //returns true
Online trading has brought ease of trading, better security protocols, and fast trade executions; however,…
Very few brands suffer from a product issue. It's a conversion issue. People enter DMart,…
The onboarding process of the retailer, distributor, or partner may soon become problematic if there…
Many of the states in the United States of America allow the use of medical…
Did you know that every time you browse this website or any other, you leave…
Online casino has gained immense popularity with the rise of online casinos. Platforms like GameZone…