jQuery vs JavaScript Performance Comparison ($.each vs. for))

JavaScript performance comparison

Revision 91 of this test case created by Rick Jelier

Preparation code

<table>
  <tr>
    <td>Name</td>
    <td>Email</td>
    <td>Company</td>
  </tr>
  <tr>
    <td>Name</td>
    <td>Email</td>
    <td>Company</td>
  </tr>  
  <tr>
    <td>Name</td>
    <td>Email</td>
    <td>Company</td>
  </tr>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

    

Preparation code output

<table> <tr> <td>Name</td> <td>Email</td> <td>Company</td> </tr> <tr> <td>Name</td> <td>Email</td> <td>Company</td> </tr> <tr> <td>Name</td> <td>Email</td> <td>Company</td> </tr> </table>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
jQuery each
$.each($('tr'), function(key, val) {
  $(val).addClass('visited');
})
pending…
JavaScript for
var elements = document.querySelectorAll('tr');

for (var i = elements.length - 1; i >= 0; i--) {
  elements[i].setAttribute("class", "visited")
}
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL.

0 Comments

Name Email Company
Name Email Company
Name Email Company