jquery vs dojo vs ext vs mootools (v3)

Revision 3 of this benchmark created on June 12, 2011

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>jQuery.noConflict()</script>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1/dojo/dojo.xd.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/mootools/1.3.1/mootools-yui-compressed.js"></script>

<div id="container">
  <ul>
    <li id="li-1">1</li>
    <li id="li-2">2</li>
    <li id="li-3">3</li>
    <li id="li-4">4</li>
    <li id="li-5">5</li>
    <li id="li-6">6</li>
    <li id="li-7">7</li>
    <li id="li-8">8</li>
    <li id="li-9">9</li>
    <li id="li-10">10</li>
  </ul>
</div>
<script>
  var css_query='#container ul li[id^="li-"]';
</script>

Test runner

jQuery(css_query);

dojo.query(css_query);

Ext.query(css_query);

$$(css_query);

document.querySelectorAll(css_query);

Revisions

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

• Revision 1: published by Corey Schram on April 27, 2011
• Revision 2: published on June 12, 2011
• Revision 3: published on June 12, 2011