Loop document.getElementsByTagName v.s. jQuery()

Benchmark created by Yu-Cheng Chuang on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<ul>
<li class="1"></li>
<li class="2"></li>
<li class="3"></li>
<li class="4"></li>
<li class="5"></li>
<li class="6"></li>
<li class="7"></li>
<li class="8"></li>
<li class="9"></li>
<li class="10"></li>
<li class="11"></li>
<li class="12"></li>
<li class="13"></li>
<li class="14"></li>
<li class="15"></li>
<li class="16"></li>
</ul>

Test runner

Ready to run.

Testing in
TestOps/sec
document.getElementsByTagName
var items = document.getElementsByTagName("li");
var i;
var text;

for (i = 0; i < items.length; i++) {
  text = items[i].className;
}
ready
jQuery()
var items = $("li");
var i;
var text;

for (i = 0; i < items.length; i++) {
  text = items[i].className;
}
ready

Revisions

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