native vs zepto vs jquery - selectors (v49)

Revision 49 of this benchmark created by Mauro Junior on

Preparation HTML

<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="http://zeptojs.com/zepto.min.js"></script>

<div id="rsvp" class="view" data-view-title="RSVPs">
    <div class="content"></div>
</div>
<div id="chapter_004" class="view" data-view-title="Splendid Corgi Consortium">
    <div class="content"></div>
</div>

Setup

var getById = function(id) {
        return document.getElementById(id)
      },
      getByClass = function(cls) {
        return document.getElementsByClassName(cls)
      },
      querySelectorAll = function(query) {
        return document.querySelectorAll(query)
      },
      querySelector = function(query) {
        return document.querySelector(query)
      };

Test runner

Ready to run.

Testing in
TestOps/sec
Zepto ID
Zepto('#chapter_004')
ready
jQuery ID
jQuery('#chapter_004')
ready
getElementById
document.getElementById('chapter_004')
ready
Zepto ClassName
Zepto('.view')
ready
jQuery ClassName
jQuery('.view')
ready
getElementsByClassName
document.getElementsByClassName('view')
ready
querySelectorAll
document.querySelectorAll('.view')
ready
querySelector
document.querySelector('#chapter_004')
ready
getElementById cached
getById('chapter_004');
ready
getElementsByClassName cached
getByClass('view');
ready
querySelectorAll cached
querySelectorAll('.view');
ready
querySelector cached
querySelector('#chapter_004')
ready

Revisions

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