Zepto.js vs jQuery vs Sprint.js - selectors (v109)

Revision 109 of this benchmark created on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://zeptojs.com/zepto.min.js"></script>
<script src="https://raw.githubusercontent.com/bendc/sprint/master/sprint.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>

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('.view')
ready
jquery
jQuery('#chapter_004 .content')
ready
Zepto
Zepto('#chapter_004 .content')
ready
Vanilla first
document.querySelector('#chapter_004 .content')
ready
Vanilla all
document.querySelectorAll('#chapter_004 .content')
ready
Sprint ID
Sprint('#chapter_004')
ready
Sprint ClassName
Sprint('.view')
ready
Sprint
Sprint('#chapter_004 .content')
ready

Revisions

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