What is fastest children() or find() in jQuery?

by

children() only looks at the immediate children of the node, while find() traverses the entire DOM below the node, so children() should be faster given equivalent implementations. However, find() uses native browser methods, while children() uses JavaScript interpreted in the browser. In my experiments there isn’t much performance difference in typical cases.

Which to use depends on whether you only want to consider the immediate descendants or all nodes below this one in the DOM, i.e., choose the appropriate method based on the results you desire, not the speed of the method. If performance is truly an issue, then experiment to find the best solution and use that (or see some of the benchmarks in the other answers here).

More Related Contents:

  1. jQuery how to find an element based on a data-attribute value?
  2. Why is my jQuery :not() selector not working in CSS?
  3. Wildcards in jQuery selectors
  4. Set select option ‘selected’, by value
  5. jQuery Selector: Id Ends With?
  6. jQuery OR Selector?
  7. jQuery selector value escaping
  8. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  9. jquery find versus context selection
  10. How to select last child element in jQuery?
  11. CSS selector case insensitive for attributes
  12. jQuery get all divs which do not have class attribute
  13. How can I detect if a selector returns null?
  14. What CSS3 selectors does jQuery really support, e.g. :nth-last-child()?
  15. jQuery: select an element’s class and id at the same time?
  16. Difference between :hidden and :not(:visible) in jQuery
  17. jQuery attribute name contains
  18. How can I get the corresponding table header (th) from a table cell (td)?
  19. jQuery scrollTop not working in Chrome but working in Firefox
  20. Select elements without any class [duplicate]
  21. jQuery: selector (classname with space)
  22. Find all elements based on ids using regex on jQuery selector
  23. JQuery data selector not updating with .data
  24. :nth-of-type() in jQuery / Sizzle?
  25. A cleaner way to select by multiple possible attribute values?
  26. How to select specific form element in jQuery?
  27. Using jQuery how do I select a range of rows?
  28. jQuery: using a variable as a selector [duplicate]
  29. How to use multiple jquery object variables as selectors?
  30. How do I select an element with special characters in the ID?

Leave a Comment