js vs jquery

Benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div>
<div class="toggle"></div>
<div class="test"></div>
</div>
<div>
<div class="toggle active"></div>
<div class="test"></div>
</div>
<div>
<div class="toggle"></div>
<div class="test"></div>
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
js
a = document.getElementsByClassName('trigger');
for (var i = 0; i < a.length; i++) {
  if (-1 == a[i].className.indexOf('active')) {
    a[i].nextElementSibling.style.display = 'none';
  }
}
ready
jquery
jQuery('.trigger').each(function() {
  if (!jQuery(this).hasClass('active')) {
    jQuery(this).next().css('display', 'none');
  }
});
ready

Revisions

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