jQuery single selector vs .find()

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>

Test runner

Ready to run.

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

Revisions

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