$.each() vs for() loop – and performance

by

One thing that .each() allows you to do that can’t be done with a for loop is chaining.

$('.rows').each(function(i, el) {
    // do something with ALL the rows
}).filter('.even').each(function(i, el) {
    // do something with the even rows
});

I played around with your JSFiddle to see how chaining would influence performance in cases where you have to loop through subsets of the original set of matched elements.

The result wasn’t all that unexpected, although I think the overhead of end() was exaggerated here because of the combination of few elements and many loops. Other than that: plain JS loops are still slightly faster, but whether that weighs up to the added readability of .each() (and chaining) is debatable.

More Related Contents:

  1. javascript change element from another page
  2. javascript show intro animation, then website
  3. This doesn’t seem right? Javascript isn’t working
  4. How to check first 200 chekboxes , then next 200 and so on?
  5. How can I access the contents of an iframe with JavaScript/jQuery?
  6. Choosing and activating the right controls on an AJAX-driven site
  7. How can I custom-format the Autocomplete plug-in results?
  8. Difference between “change” and “input” event for an `input` element
  9. How to check if iframe is loaded or it has a content?
  10. Upload base64 image with Ajax
  11. Convert simple array into two-dimensional array (matrix)
  12. Variables set during $.getJSON function only accessible within function
  13. How well does jQuery support backward compatibility?
  14. Can I wrap each line of multi-line text in a span?
  15. Please recommend a JQuery plugin that handles collision detection for draggable elements [closed]
  16. HTML5 Video Dimensions
  17. jQuery AJAX Call to PHP Script with JSON Return
  18. jQuery remove options from select
  19. Trying to load local JSON file to show data in a html page using JQuery
  20. Jquery post, response in new window
  21. Include html in another html file [duplicate]
  22. random position of divs in javascript
  23. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  24. Rotate div text after clicking on button using jquery and css
  25. How to select all textareas and textboxes using jQuery?
  26. let user scrolling stop jquery animation of scrolltop?
  27. Hot to get incomplete datetime-local input values
  28. Content of html page changed by jQuery but “View Source” don’t reflect the changes
  29. jQuery: Count words in real time
  30. How to determine if the client is a touch device [duplicate]

Leave a Comment