jQuery class vs tag qualfied class selector
JavaScript performance comparison
Preparation code
<div id="content">
<form method="post" action="/">
<h2>Traffic Light</h2>
<ul id="traffic_light">
<li><input type="radio" class="on" name="light" value="red" /> Red</li>
<li><input type="radio" class="off" name="light" value="yellow" /> Yellow</li>
<li><input type="radio" class="off" name="light" value="green" /> Green</li>
</ul>
<input class="button" id="traffic_button" type="submit" value="Go" />
</form>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
Preparation code output
<div id="content">
<form method="post" action="/">
<h2>Traffic Light</h2>
<ul id="traffic_light">
<li><input type="radio" class="on" name="light" value="red" /> Red</li>
<li><input type="radio" class="off" name="light" value="yellow" /> Yellow</li>
<li><input type="radio" class="off" name="light" value="green" /> Green</li>
</ul>
<input class="button" id="traffic_button" type="submit" value="Go" />
</form>
</div>
Test runner
Warning! For accurate results, please disable Firebug before running the tests. (Why?)
Java applet disabled.
Test | Ops/sec | |
---|---|---|
class selector
|
|
pending… |
tag qualified class selector
|
|
pending… |
#id descendant class selector
|
|
pending… |
#id descendant tag qualified class selector
|
|
pending… |
find
|
|
pending… |
Compare results of other browsers
Revisions
You can edit these tests or add even more tests to this page by appending /edit
to the URL.
- Revision 1: published Bryan Blakey
- Revision 2: published
- Revision 4: published
- Revision 5: published ap
- Revision 6: published GaryJ
- Revision 7: published
- Revision 8: published
- Revision 9: published Luís Soares
- Revision 10: published
- Revision 12: published
- Revision 14: published
- Revision 15: published
- Revision 16: published
- Revision 18: published
- Revision 19: published Brian Nguyen
- Revision 20: published Travis Kaufman
- Revision 21: published Erwin
- Revision 22: published Erwin
- Revision 23: published
- Revision 24: published
- Revision 25: published Hien Nguyen
- Revision 26: published
- Revision 27: published
- Revision 28: published
- Revision 29: published
- Revision 30: published
- Revision 31: published
- Revision 32: published
- Revision 33: published
- Revision 34: published Jeremy Clewell
- Revision 35: published Nick H
- Revision 37: published teppeis
- Revision 38: published Peter Caisse
- Revision 39: published someguy
- Revision 40: published
- Revision 41: published
- Revision 42: published jj
- Revision 43: published
- Revision 44: published Cody Craven
- Revision 45: published cK
- Revision 46: published test
- Revision 47: published
0 Comments