jQuery vs querySelectorAll (v63)

Revision 63 of this benchmark created on


Preparation HTML

<!doctype html>
<html>
<body>
<table>
  <tr><td>a</td><td class='cs'>a</td><td class='cs'>a</td><td class='cs'>a</td><td class='cs'>a</td></tr>
  <tr><td class='cs'>b</td><td class='cs'>b</td><td class='cs'>b</td><td class='cs'>b</td><td class='cs'>b</td></tr>
  <tr><td class='cs'>c</td><td class='cs'>c</td><td class='cs'>c</td><td class='cs'>c</td><td class='cs'>c</td></tr>
  <tr><td class='cs'>d</td><td class='cs'>d</td><td class='cs'>d</td><td class='cs'>d</td><td class='cs'>d</td></tr>
  <tr><td class='cs'>e</td><td class='cs'>e</td><td class='cs'>e</td><td class='cs'>e</td><td class='cs'>e</td></tr>
  <tr><td>f</td><td class='cs'>f</td><td class='cs'>f</td><td class='cs'>f</td><td class='cs'>f</td></tr>
  <tr><td class='cs'>g</td><td class='cs'>g</td><td class='cs'>g</td><td class='cs'>g</td><td class='cs'>g</td></tr>
  <tr><td class='cs'>h</td><td class='cs'>h</td><td class='cs'>h</td><td class='cs'>h</td><td class='cs'>h</td></tr>
  <tr><td class='cs'>i</td><td class='cs'>i</td><td class='cs'>i</td><td class='cs'>i</td><td class='cs'>i</td></tr>
  <tr><td class='cs'>j</td><td class='cs'>j</td><td class='cs'>j</td><td class='cs'>j</td><td class='cs'>j</td></tr>
  <tr><td class='cs'>k</td><td class='cs'>k</td><td class='cs'>k</td><td class='cs'>k</td><td class='cs'>k</td></tr>
  <tr><td>l</td><td class='cs'>l</td><td class='cs'>l</td><td class='cs'>l</td><td class='cs'>l</td></tr>
  <tr><td class='cs'>m</td><td class='cs'>m</td><td>m</td><td class='cs'>m</td><td class='cs'>m</td></tr>
  <tr><td class='cs'>a</td><td class='cs'>a</td><td>a</td><td class='cs'>a</td><td class='cs'>a</td></tr>
  <tr><td class='cs'>b</td><td class='cs'>b</td><td>b</td><td class='cs'>b</td><td class='cs'>b</td></tr>
  <tr><td>c</td><td class='cs'>c</td><td class='cs'>c</td><td class='cs'>c</td><td class='cs'>c</td></tr>
  <tr><td class='cs'>d</td><td class='cs'>d</td><td class='cs'>d</td><td class='cs'>d</td><td class='cs'>d</td></tr>
  <tr><td class='cs'>e</td><td class='cs'>e</td><td class='cs'>e</td><td class='cs'>e</td><td class='cs'>e</td></tr>
  <tr><td class='cs'>f</td><td class='cs'>f</td><td class='cs'>f</td><td class='cs'>f</td><td class='cs'>f</td></tr>
  <tr><td class='cs'>g</td><td class='cs'>g</td><td>g</td><td class='cs'>g</td><td class='cs'>g</td></tr>
  <tr><td class='cs'>h</td><td class='cs'>h</td><td class='cs'>h</td><td class='cs'>h</td><td class='cs'>h</td></tr>
  <tr><td class='cs'>i</td><td>i</td><td class='cs'>i</td><td class='cs'>i</td><td class='cs'>i</td></tr>
  <tr><td class='cs'>j</td><td class='cs'>j</td><td class='cs'>j</td><td class='cs'>j</td><td class='cs'>j</td></tr>
  <tr><td class='cs'>k</td><td class='cs'>k</td><td class='cs'>k</td><td class='cs'>k</td><td class='cs'>k</td></tr>
  <tr><td class='cs'>l</td><td class='cs'>l</td><td class='cs'>l</td><td class='cs'>l</td><td class='cs'>l</td></tr>
  <tr><td class='cs'>m</td><td class='cs'>m</td><td class='cs'>m</td><td class='cs'>m</td><td class='cs'>m</td></tr>
  <tr><td class='cs'>a</td><td class='cs'>a</td><td class='cs'>a</td><td class='cs'>a</td><td class='cs'>a</td></tr>
  <tr><td class='cs'>b</td><td class='cs'>b</td><td>b</td><td class='cs'>b</td><td class='cs'>b</td></tr>
  <tr><td class='cs'>c</td><td class='cs'>c</td><td class='cs'>c</td><td class='cs'>c</td><td class='cs'>c</td></tr>
  <tr><td class='cs'>d</td><td class='cs'>d</td><td class='cs'>d</td><td>d</td><td class='cs'>d</td></tr>
  <tr><td class='cs'>e</td><td class='cs'>e</td><td>e</td><td class='cs'>e</td><td class='cs'>e</td></tr>
  <tr><td class='cs'>f</td><td class='cs'>f</td><td>f</td><td class='cs'>f</td><td class='cs'>f</td></tr>
  <tr><td class='cs'>g</td><td class='cs'>g</td><td>g</td><td class='cs'>g</td><td class='cs'>g</td></tr>
  <tr><td class='cs'>h</td><td class='cs'>h</td><td>h</td><td class='cs'>h</td><td class='cs'>h</td></tr>
  <tr><td class='cs'>i</td><td class='cs'>i</td><td class='cs'>i</td><td>i</td><td class='cs'>i</td></tr>
  <tr><td class='cs'>j</td><td class='cs'>j</td><td class='cs'>j</td><td class='cs'>j</td><td class='cs'>j</td></tr>
  <tr><td class='cs'>k</td><td class='cs'>k</td><td class='cs'>k</td><td class='cs'>k</td><td>k</td></tr>
  <tr><td class='cs'>l</td><td class='cs'>l</td><td class='cs'>l</td><td class='cs'>l</td><td>l</td></tr>

</table>
</body>
</html>

Test runner

Ready to run.

Testing in
TestOps/sec
1
document.querySelectorAll('.cs')
ready
2
document.querySelectorAll('td.cs')
ready
3
document.getElementsByClassName('cs')
ready

Revisions

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