jQuery selector vs getElementsByTagName
JavaScript performance comparison
Preparation code
<div class="pane">
<ul>
<li class="list"><a href="#">test</a></li>
<li class="list">test</li>
<li class="list">test</li>
<li class="list">test</li>
<li class="list">test</li>
<li class="list">test</li>
<li class="list">test</li>
<li class="list">test</li>
</ul>
</div>
<div class="pane">
<ul>
<li class="list"><a href="#">test</a></li>
<li class="list">test</li>
<li class="list">test</li>
<li class="list">test</li>
<li class="list">test</li>
<li class="list">test</li>
<li class="list">test</li>
<li class="list">test</li>
</ul>
</div><script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$.fn.tags = function (tagName) {
var i=this.length, arr=[], parent;
for (i;i--;) {
arr.push (this[i].getElementsByTagName (tagName));
}
return $(arr);
};
var $links = $('.pane a'), $nodes;
</script>
Preparation code output
Test runner
Warning! For accurate results, please disable Firebug before running the tests. (Why?)
Java applet disabled.
| Test | Ops/sec | |
|---|---|---|
jQuery |
|
pending… |
jQuery method with getElementsByTagName |
|
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. Here’s a list of current revisions for this page:
- Revision 1: published by macem
- Revision 2: published
- Revision 3: published by macem
- Revision 4: published
- Revision 5: published by Alireza
0 comments