selector vs find (v40)

Revision 40 of this benchmark created on

Preparation HTML

<script src="//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><h4><span class="target">stuff</span><span>stuff</span></h4><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>

Setup

var cache = $(".div1");

Test runner

Ready to run.

Testing in
TestOps/sec
selector
$(".div1 h4 .target")
ready
find
$(".div1").find("h4 .target")
ready
single find cache
cache.find("h4 .target")
ready
double find cache
cache.find("h4").find(".target")
ready
speed find
$.find(".div1 h4 .target")
ready

Revisions

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