Multiple Hide() vs one Hide()

Benchmark created by Multiple Hide() vs one Hide() on

Description

change selector for hide function

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id='id1'>ID 1 </div>
<div id='id2'>ID 2 </div>
<div class='class1'>class 1 </div>
<div class='class2'>class 2 </div>

Test runner

Ready to run.

Testing in
TestOps/sec
multiple
$('#id1, #id2, .class1, .class2').hide();
ready
split class && id
$('#id1, #id2').hide();
$('.class1, .class2').hide();
ready
one per div
$('#id1').hide();
$('#id2').hide();
$('.class1').hide();
$('.class2').hide();
ready

Revisions

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

  • Revision 1: published by Multiple Hide() vs one Hide() on