jQuery single selector vs .find() (v15)

Revision 15 of this benchmark created on


Description

http://stackoverflow.com/questions/6230266/jquery-single-selector-vs-find

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div class="div1">
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
</div>
<div class="div1">
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
</div>
<div class="div1">
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
</div>
<div class="div1">
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
</div>
<div class="div1">
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
</div>
<div class="div1">
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
<h2></h2><h2></h2><h2></h2><h2></h2><h2></h2><h2></h2>
<h3></h3><h3></h3><h3></h3><h3></h3><h3></h3><h3></h3>
</div>

Setup

$div1 = $('.div1');

Test runner

Ready to run.

Testing in
TestOps/sec
$(".div1 h2, .div1 h3")
$(".div1 h2, .div1 h3");
ready
$(".div1").find("h2, h3")
$(".div1").find("h2, h3");
ready
$("h2,h3",".div1")
$("h2,h3",".div1");
ready
$("h2,h3",$(".div1"))
$("h2,h3",$(".div1"));
ready
$div1.find("h2, h3")
$div1.find("h2, h3");
ready
$("h2, h3", $div1[0])
$("h2, h3", $div1[0]);
ready

Revisions

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