selector vs find

JavaScript performance comparison

Revision 15 of this test case created by

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div class="div1">
  <span>
    stuff
  </span>
  <span>
    stuff
  </span>
  <span>
    stuff
  </span>
  <span>
    stuff
  </span>
  <span>
    stuff
  </span>
  <span>
    stuff
  </span>
  <span>
    stuff
  </span>
  <span>
    stuff
  </span>
  <span>
    stuff
  </span>
  <h1>
    H1
  </h1>
  <span>
    stuff
  </span>
  <span>
    stuff
  </span>
  <span>
    stuff
  </span>
  <span>
    stuff
  </span>
  <span>
    stuff
  </span>
  <span>
    stuff
  </span>
  <h2>
    h2
    </h1>
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
<div>
  stuff
</div>
    

Preparation code output

<div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div class="div1"> <span> stuff </span> <span> stuff </span> <span> stuff </span> <span> stuff </span> <span> stuff </span> <span> stuff </span> <span> stuff </span> <span> stuff </span> <span> stuff </span> <h1> H1 </h1> <span> stuff </span> <span> stuff </span> <span> stuff </span> <span> stuff </span> <span> stuff </span> <span> stuff </span> <h2> h2 </h1> </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div> <div> stuff </div>

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
selector
$(".div1 h2, .div1 h3")
pending…
find
$(".div1").find("h2, h3")
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

stuff
stuff
stuff
stuff
stuff
stuff
stuff
stuff
stuff
stuff
stuff
stuff
stuff stuff stuff stuff stuff stuff stuff stuff stuff

H1

stuff stuff stuff stuff stuff stuff

h2

stuff
stuff
stuff
stuff
stuff
stuff
stuff
stuff
stuff
stuff