jQuery select by class VS select by attribute

by

this is a great post for exactly what you are looking for.

JQUERY SELECTOR PERFORMANCE TESTING

I’ve also found a great article that may help you on this topic:

let me know if this answer really helped you, thanks.

update: I’ve managed to make a sample to match your posted case, here are the results for a total set of 203 divs:

1- by using tag name having certine class name $("div.normal_box") ==> 884 ms

2- by using attribute value $("div[normal_box=1]") ==> 4553 ms

Update 2:
I tried even further more than your question, and made it to test a few selectors, here is the new link for this updated test: http://jsfiddle.net/8Knxk/4/

3- by using tag name $("div") ==> 666 ms

4- by using just the class name $(".normal_box") ==> 762 ms

I think it’s now more clear for you 🙂

More Related Contents:

  1. What is the fastest method for selecting descendant elements in jQuery?
  2. jQuery hasClass() – check for more than one class
  3. Performance of jQuery selector with context
  4. Performance of jQuery selectors vs local variables
  5. jQuery how to find an element based on a data-attribute value?
  6. Why is my jQuery :not() selector not working in CSS?
  7. Access the css “:after” selector with jQuery [duplicate]
  8. use jQuery’s find() on JSON object
  9. Jquery bind double click and single click separately
  10. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  11. Toggle Checkboxes on/off
  12. jQuery select all except first
  13. Selecting elements with a certain background color
  14. Does jQuery do any kind of caching of “selectors”?
  15. jQuery: select an element’s class and id at the same time?
  16. jQuery attribute name contains
  17. jQuery :contains selector to search for multiple strings
  18. Multiple selector chaining in jQuery?
  19. Efficient, concise way to find next matching sibling?
  20. jQuery :first vs. .first()
  21. jQuery scrollTop not working in Chrome but working in Firefox
  22. First word selector
  23. How to check if an element does NOT have a specific class?
  24. A cleaner way to select by multiple possible attribute values?
  25. jQuery: select all elements of a given class, except for a particular Id
  26. How to select specific form element in jQuery?
  27. How to select a table column with jQuery
  28. jQuery selector where text = some value
  29. Can jQuery selectors be used with DOM mutation observers?
  30. jquery filtering has + not

Leave a Comment