$('tag.class') vs. $('.class')

Benchmark created by Glauber on November 11, 2011

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<style type="text/css">
  .mypa { color:blue; } .mypb { color:red; } .mypc { color:green; }
</style>
<p id="p1" class="mypa">
  Nothing important
</p>
<p id="p2" class="mypb">
  Nothing important
</p>
<p id="p3" class="mypc">
  Nothing important
</p>
<p id="p4" class="mypa">
  Nothing important
</p>
<p id="p5" class="mypb">
  Nothing important
</p>
<p id="p6" class="mypc">
  Nothing important
</p>
<p id="p7" class="mypa">
  Nothing important
</p>
<p id="p8" class="mypb">
  Nothing important
</p>
<p id="p9" class="mypc">
  Nothing important
</p>
<p id="p10" class="mypa">
  Nothing important
</p>
<p id="p11" class="mypb">
  Nothing important
</p>
<p id="p12" class="mypc">
  Nothing important
</p>
<p id="p13" class="mypa">
  Nothing important
</p>
<p id="p14" class="mypb">
  Nothing important
</p>
<p id="p15" class="mypc">
  Nothing important
</p>
<p id="p16" class="mypa">
  Nothing important
</p>
<p id="p17" class="mypb">
  Nothing important
</p>
<p id="p18" class="mypc">
  Nothing important
</p>
<p id="p19" class="mypa">
  Nothing important
</p>
<p id="p20" class="mypb">
  Nothing important
</p>
<p id="p21" class="mypc">
  Nothing important
</p>

Test runner

var a = $('p.mypa');
var b = $('p.mypb');
var c = $('p.mypc');

var a = $('.mypa');
var b = $('.mypb');
var c = $('.mypc');

Revisions

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

• Revision 1: published by Glauber on November 11, 2011