jQuery() vs. querySelectorAll() (v8)

Revision 8 of this benchmark created by Jonathan Cousins on March 27, 2015

Preparation HTML

<script src="//code.jquery.com/jquery-2.0.3.min.js"></script>
<section>
<div>
<ul>
    <li class="test">One</li>
    <li>Two</li>
    <li class="test">Three</li>
</ul>
<ul>
    <li class="test">One</li>
    <li>Two</li>
    <li class="test">Three</li>
</ul>
<div>
<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>
<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>
</div>
<div>
<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>
<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>
</div>
</div>

Test runner

$( "div ul li:nth-child(2n)" );

$(document.querySelectorAll( "div ul li:nth-child(2n)" ));

Revisions

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

• Revision 1: published by TJ VanToll on December 20, 2013
• Revision 2: published by Fabio77 on September 21, 2014
• Revision 3: published by Fabio on September 21, 2014
• Revision 4: published by Fabio77 on September 21, 2014
• Revision 5: published by Hemn Chawroka on January 28, 2015
• Revision 6: published on February 26, 2015
• Revision 7: published on March 19, 2015
• Revision 8: published by Jonathan Cousins on March 27, 2015