Selecting elements by attribute - jQuery vs native querySelectorAll

JavaScript performance comparison

Test case created

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div>
  <menu data-controller="menu" class="ui-toolbar ui-widget-header">
    <a id="newPage" href="#">New</a>
  </menu>
  <div id="mainWrapper">
    <div data-controller="wijsplitter">
      <div id="splitter">
      </div>
      <div>
      </div>
    </div>
  </div>
  <button data-controller="button">
  </button>
</div>

Preparation code output

New

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
querySelectorAll
var elems = document.querySelectorAll('[data-controller]');
pending…
jQuery
var elems = $('[data-controller]');
pending…

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

Compare results of other browsers

0 comments

Add a comment