jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.

jsperf.com URLs are mirrored at the same path, e.g:

https://jsperf.com/negative-modulo/2

Can be accessed at:

https://jsperf.app/negative-modulo/2

jQuery single selector vs .find() (v14)

Revision 14 of this benchmark created by Nurcahyo on June 15, 2013

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
Test		Ops/sec
$(".div1 h2, .div1 h3")	`$(".div1 h2, .div1 h3").hide();`	ready
$(".div1").find("h2, h3")	`$(".div1").find("h2, h3").hide();`	ready
$("h2,h3",".div1")	`$("h2,h3",".div1").hide()`	ready
$("h2,h3",$(".div1"))	`$("h2,h3",$(".div1")).hide()`	ready

Revisions

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

Revision 1: published on June 3, 2011
Revision 4: published on August 25, 2012
Revision 5: published on August 25, 2012
Revision 8: published on October 23, 2012
Revision 12: published on March 7, 2013
Revision 14: published by Nurcahyo on June 15, 2013
Revision 15: published on June 30, 2013