jQuery vs queryselector

Benchmark created by BrunoLM on August 21, 2011

Description

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>


<div id="outter">
 <div id="inner">
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
  <span class="b"></span>
 </div>
</div>

Test runner

document.getElementsByClassName("b")

document.querySelector(".b");

document.querySelectorAll(".b");

$(".b")

document.getElementById("#inner")

document.querySelector("#inner");

$("#inner")

Revisions

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

• Revision 1: published by BrunoLM on August 21, 2011
• Revision 2: published on August 21, 2011