Performance of jQuery selector with context

by

Context really helps when you have a much larger DOM that you are searching through. Searching for IDs is already very fast and context doesn’t really help that much in that case. Where context can really make a difference is when you are selecting by tag name or class.

Try testing like this: http://jsbin.com/aciji4/4

you can really see the timing get better for context when you bump up number of items in the DOM like this: http://jsbin.com/aciji4/6

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 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. Wildcards in jQuery selectors
  9. Set select option ‘selected’, by value
  10. Jquery bind double click and single click separately
  11. jQuery selector value escaping
  12. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  13. jquery find versus context selection
  14. jQuery select all except first
  15. Does jQuery do any kind of caching of “selectors”?
  16. How can I detect if a selector returns null?
  17. jQuery: select an element’s class and id at the same time?
  18. jQuery attribute name contains
  19. Efficient, concise way to find next matching sibling?
  20. jQuery scrollTop not working in Chrome but working in Firefox
  21. First word selector
  22. How to check if an element does NOT have a specific class?
  23. Find all elements based on ids using regex on jQuery selector
  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. Jquery find all ids starting with a string?
  27. jQuery: using a variable as a selector [duplicate]
  28. How to use placeholder as default value in select2 framework
  29. jQuery animate() and browser performance
  30. How do I select an element with special characters in the ID?

Leave a Comment