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
Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.
When was the last time you heard that a clone app like Gojek could efficiently…
The e-commerce market is growing and evolving at a rapid pace. More and more people…
IplWin stands as a reliable and enthralling platform for Indian punters, offering a captivating blend…
Introduction In today's online age, consumers are constantly bombarded with information. They crave valuable content…
In today’s rapidly aging society, finding a living situation that provides older adults with both…
If you wish to purchase a Mac, then it is strongly suggested to consider purchasing…