zepto vs jquery - selectors (v94)

Revision 94 of this benchmark created on

Description

Adding tests to see speed of finding with vanilla js and converting to jquery elements (for plugins and such)

Preparation HTML

<script src="http://code.jquery.com/jquery-2.1.3.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>

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
jQuery(querySelectAll)
jQuery(document.querySelectorAll('.view'))
ready
jQuery(getElementById)
jQuery(document.getElementById('chapter_004'))
ready
var
var $ = function(id) {
  return (document.getElementById(id));
};

$('chapter_004');
ready

Revisions

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