Performance of jQuery selectors vs local variables

by

Reusing the selector reference, your first case, is definitely faster. Here’s a test I made as proof:

http://jsperf.com/caching-jquery-selectors

The latter case, redefining your selectors, is reported as ~35% slower.

More Related Contents:

  1. What is the fastest method for selecting descendant elements in jQuery?
  2. jQuery select by class VS select by attribute
  3. jQuery hasClass() – check for more than one class
  4. Performance of jQuery selector with context
  5. Why should I use Google’s CDN for jQuery?
  6. jQuery selectors with variables
  7. jQuery Selector: Id Ends With?
  8. Select element by exact match of its content
  9. jquery data selector
  10. Sort divs in jQuery based on attribute ‘data-sort’?
  11. How can I change CSS display none or block property using jQuery?
  12. Set selected option of select box
  13. How to select last child element in jQuery?
  14. jQuery dot in ID selector? [duplicate]
  15. jQuery :contains() selector uppercase and lower case issue
  16. CSS selector case insensitive for attributes
  17. jQuery get all divs which do not have class attribute
  18. Why cache jQuery objects?
  19. Difference between :hidden and :not(:visible) in jQuery
  20. jQuery object: to cache or not to cache?
  21. How can I get the corresponding table header (th) from a table cell (td)?
  22. Select elements without any class [duplicate]
  23. jQuery attribute selector for multiple values
  24. jQuery: selector (classname with space)
  25. JQuery data selector not updating with .data
  26. :nth-of-type() in jQuery / Sizzle?
  27. Changing the child element’s CSS when the parent is hovered
  28. addID in jQuery?
  29. CSS selector to select an id with a slash in the id name?
  30. Using jQuery how do I select a range of rows?

Leave a Comment