selector vs find (v29)

Revision 29 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 id="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

Ready to run.

Testing in
TestOps/sec
selector
$("h2","#div1")
ready
find
$("#div1").find("h2")
ready
native
var e = document.getElementById("div1").getElementsByTagName("h2");
ready
native new
var e = document.querySelector("#div1 h2");
ready
querySelectorAll
var e = document.querySelectorAll("#div1 h2");
ready
jQuery find
var e = jQuery.find("h2", "#div1");
ready

Revisions

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