jQuery data() vs attr(data)

by

The $.data is used for storing information with respect to an element:

Docs:

Store arbitrary data associated with the specified element. Returns
the value that was set.

On the other hand, attr is used to manipulate attributes of an element.

From your question, you seem to store the data, you should use $.data in that case.

data-* attributes are a feature of HTML5

Performance

.data() seems to be much more performance friendly according to this

I also find it cleaner since it’s not visible for everyone in page source.

More Related Contents:

  1. Sending multipart/formdata with jQuery.ajax
  2. How to change color of SVG image using CSS (jQuery SVG image replacement)?
  3. Wrap every 3 divs in a div
  4. Fancybox links don’t show in lightbox – what am i missing?
  5. Clear form fields with jQuery
  6. Jquery $.ajax fails in IE on cross domain calls
  7. JQuery Event Handlers – What’s the “Best” method
  8. Difference between $(this) and event.target?
  9. Toggle Checkboxes on/off
  10. jqGrid custom format fails on addClass
  11. Table row and column number in jQuery
  12. how to store an array in jquery cookie?
  13. How can I change the text color with jQuery?
  14. What’s the difference between jQuery .val() and .attr(‘value’)?
  15. Multiple selector chaining in jQuery?
  16. How to include !important in jquery
  17. Combining LazyLoad and Jquery Masonry
  18. Extracting Ajax return data in jQuery
  19. jQuery: Detecting pressed mouse button during mousemove event
  20. Finding the id of a parent div using Jquery
  21. On select change, get data attribute value
  22. Show welcome div only once per user / browser session
  23. jquery select siblings ‘until’
  24. How can I get list of all element css attributes with jQuery?
  25. Keeping a related ASP.NET application’s session alive from another ASP.NET application
  26. jQuery UI Slider (setting programmatically)
  27. What HTTP status codes count as success in jQuery.ajax?
  28. Switch positions of 2 divs with jQuery
  29. Overriding CSS styles of the jQuery UI Tooltip widget
  30. How can I extend jQueryUI datepicker to accept an additional argument?

Leave a Comment