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

Revision 113 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://cdnjs.cloudflare.com/ajax/libs/zepto/1.1.6/zepto.min.js"></script>
<script src="https://cdn.rawgit.com/bendc/sprint/master/sprint.min.js"></script>
<script>
function $_(id){
        return document.getElementById(id);
}
</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
Query(document.getElementById('chapter_004'))
jQuery(document.getElementById('chapter_004'))
ready
Sprint(document.getElementById('chapter_004'))
Sprint(document.getElementById('chapter_004'))
ready
Zepto(document.getElementById('chapter_004'))
Zepto(document.getElementById('chapter_004'))
ready
$_(id)
$_('chapter_004');
ready

Revisions

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