Are data attribute css selectors faster than class selectors?

by

I wouldn’t call it conclusive, but it does appear class selectors are faster… I just put this together for a quickie test.

http://jsperf.com/data-selector-performance

EDIT:

Based on Vlad’s and my jsperf tests… if performance is a concern (especially IE)… classes are still the way to go

More Related Contents:

  1. Can I have an element with an ID that starts with a number?
  2. How to get nth-child selector to skip hidden divs [duplicate]
  3. How to select nth line of text (CSS/JS)
  4. Performance differences between visibility:hidden and display:none
  5. jQuery vs document.querySelectorAll
  6. How to create a collapsing tree table in html/css/js?
  7. CSS: Select element only if a later sibling exists
  8. Get the longest text in HTML document using Jquery or javascript
  9. Set cookie and get cookie with JavaScript [duplicate]
  10. How do you read CSS rule values with JavaScript?
  11. Check if an element contains a class in JavaScript?
  12. JSFiddle code not working in my own page
  13. All About…. Z-Index?
  14. Which browsers support ?
  15. How to disable scroll without hiding it?
  16. jQuery: Get selected element tag name
  17. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  18. Positioning divs in a circle using JavaScript
  19. Is it possible to style a title? (and with CSS or js?) [duplicate]
  20. JavaScript Loading Screen while page loads
  21. Materialize CSS – Select Doesn’t Seem to Render
  22. Change text color based on brightness of the covered background area?
  23. Invert text color on mouse hover
  24. jQuery – Sticky header that shrinks when scrolling down
  25. Javascript-Setting background image of a DIV via a function and function parameter
  26. Remove scrollbar but not scrolling functionality [duplicate]
  27. How to Bootstrap navbar static to fixed on scroll?
  28. How to use pagination on HTML tables?
  29. How to access css properties in javascript when applied via external CSS file?
  30. How can I reorder elements with JavaScript?

Leave a Comment