jQuery vs querySelectorAll (v58)

Revision 58 of this benchmark created by ML on

Preparation HTML

<ul id="list">
      <li>
        <ul class="sublist">
          <li>
            item1
          </li>
          <li>
            item2
          </li>
        </ul>
      </li>
      <li>
        <ul class="sublist2">
          <li>
            item1
          </li>
          <li>
            item2
          </li>
        </ul>
      </li>
      <li>
        <ul class="sublist">
          <li>
            item1
          </li>
          <li>
            item2
          </li>
        </ul>
      </li>
      <li>
        <ul class="sublist">
          <li>
            item1
          </li>
          <li>
            item2
          </li>
        </ul>
      </li>
    </ul>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
jquery
(function() {
   var $obj = $(".sublist");
})();
ready
querySelectorAll
(function() {
   var obj = document.querySelectorAll(".sublist");
})();
ready
querySelector
(function() {
   var obj = document.querySelector(".sublist");
})();
ready
document.getElementsBy
(function() {
   var obj = document.getElementsByClassName(".sublist");
})();
ready

Revisions

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