selector vs find (v11)

Revision 11 of this benchmark created by Vaughn on

Preparation HTML

<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>

Setup

var cache = $(".div1");

Test runner

Ready to run.

Testing in
TestOps/sec
selector
$(".div1 h2, .div1 h3")
ready
find
$(".div1").find("h2, h3")
ready
context
$("h2, h3", $(".div1"))
ready
find cache
cache.find("h2, h3")
ready
speed find
$.find("h2, h3")
ready
indirect selector
$("h2, h3")
ready

Revisions

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