Home » FAQs » jQuery Interview Questions » All jQuery Interview Questions » What is the difference between data() and attr(‘data-*’) in jQuery?

What is the difference between data() and attr(‘data-*’) in jQuery? 

<div id="d" data-count="5"></div>
console.log(typeof $('#d').attr('data-count') + ' ' + $('#d').attr('data-count'));
console.log(typeof $('#d').data('count') + ' ' + $('#d').data('count'));

$('#d').data('count', 10);
console.log('after data(): attr = ' + $('#d').attr('data-count') + ', data = ' + $('#d').data('count'));
Console output

string 5
number 5
after data(): attr = 5, data = 10

Share this post:

Share on LinkedIn
Learn more about the similar topics:
Tutorials
No Content Found.
Exercises & Assignments
No Content Found.
Interview Questions & Answers
No Content Found.