When to use $(selector).data() and html data-* attribute?

Asked Apr 19 '17 at 14:44

Active Apr 19 '17 at 14:44

Viewed 16 times

I can't classify these cases:

// first
$('#myDiv').attr('data-foo', 1);    

// second
$('#myDiv').data('foo', 1);

The first case appends data-foo to html tag which the id is myDiv and the second is not.

My question is: When to use the first and the second case?

p/s: I'm using jquery version 2.2.4

asked Apr 19 '17 at 14:44

1

Always use `data()` – Rory McCrossan Apr 19 '17 at 14:45
http://stackoverflow.com/questions/7261619/jquery-data-vs-attr – ProgrammerV5 Apr 19 '17 at 14:46
With `data` you can attach complex types if i'm not mistaken – Alon Eitan Apr 19 '17 at 14:46
1

With `.attr('data-foo')` you can attach CSS, eg. `[data-foo]:before {content: attr(data-foo);}` – Niet the Dark Absol Apr 19 '17 at 14:46

0 Answers0