jQuery vs extJS vs mootools element id binding test (v2)

Revision 2 of this benchmark created on July 3, 2014

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="test">
    <div id="subtest"></div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/mootools/1.5.0/mootools-yui-compressed.js"></script>
<script src="//cdn.sencha.com/ext/gpl/5.0.0/build/ext-all.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Setup

delete jsTest;

Teardown

    delete jsTest;
  

Test runner

jsTest = jQuery('#test');

jsTest = jQuery('#test #subtest');

jsTest = Ext.get('test');

jsTest = Ext.query('#test #subtest');

jsTest = Ext.get('test').query('#subtest');

jsTest = $$('#test');

jsTest = $$('#test #subtest');

Revisions

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

• Revision 2: published on July 3, 2014