jQuery 2 vs Zepto.js vs Jeesh vs Cash vs Minified (v58)

Revision 58 of this benchmark created by farhanmb on

Description

A simple comparison between different selector engines in popular libraries.

Preparation HTML

<script>
'use strict';
function Y(f) {
    return (function(h) {
        return h(h);
    })(function(h) {
        return f(function() {
            return h(h).apply(this, arguments);
        });
    });
}

var doc = this.document,
        getElementById = doc.getElementById,
        getElementsByClassName = doc.getElementsByClassName,
        getElementsByTagName = doc.getElementsByTagName,
        querySelectorAll = doc.querySelectorAll;

function select(selectors, context) {
context = context || doc;
        var selectors = selectors.split(',');
        return (Y(_selects)).apply(context, [selectors, context]);
}

function _selects(selectors, context) {
 context = context || doc;
                return function(ss) {
                    return (ss.length === 0) ? _select.apply(context, [ss, context]) :  _selects.apply(context, [ss[ss.length--], context]);
        }
}

var simpleRe = /^(#?[\w-]+|\.[\w-.]+)$/, 
    slice = [].slice;

function _select(selector, context) {
context = context || doc;
    if(simpleRe.test(selector)) {
        switch(selector[0]) {
            case '#':
                return [getElementById.call(context, selector.slice(1))];
            case '.':
                return slice.call(getElementsByClassName.call(context, selector.slice(1)));
            default:
                return slice.call(getElementsByTagName.call(context, selector));
                }
    }
    return slice.call(querySelectorAll.call(context, selector));
}

</script>

<!-- cash doesn't have a noConflict mode -->
<script src="http://http://kenwheeler.github.io/cash/cash.min.js">
</script>

<script src="http://ender-js.s3.amazonaws.com/jeesh.min.js">
</script>
<script>
  window.Jeesh = $.noConflict();
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
  jQuery.noConflict();
</script>
<script src="http://zeptojs.com/zepto.min.js">
</script>
<script src="http://minifiedjs.com/download/minified-web.js"></script>
<script>
var MINI = require('minified');
var minified = MINI.$;
</script>
<!-- content -->

<div role="main" class="mw-body" id="content">
                        <a id="top"></a>

                                                        <div id="siteNotice"><div id="centralNotice"></div><!-- CentralNotice --></div>
                                                <div class="mw-indicators">
</div>
                        <h1 lang="en" class="firstHeading" id="firstHeading">JavaScript library</h1>
                                                                        <div class="mw-body-content" id="bodyContent">
                                                                        <div id="siteSub">From Wikipedia, the free encyclopedia</div>
                                                                <div id="contentSub"></div>
                                                                                                <div class="mw-jump" id="jump-to-nav">
                                        Jump to:                                        <a href="#mw-head">navigation</a>,                                      <a href="#p-search">search</a>
                                </div>
                                <div lang="en" class="mw-content-ltr" dir="ltr" id="mw-content-text"><table role="presentation" class="metadata plainlinks ambox ambox-content ambox-Unreferenced">
<tbody><tr>
<td class="mbox-image">
<div style="width:52px"><a class="image" href="/wiki/File:Question_book-new.svg"><img height="39" width="50" data-file-height="204" data-file-width="262" srcset="//upload.wikimedia.org/wikipedia/en/thumb/9/99/Question_book-new.svg/75px-Question_book-new.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/9/99/Question_book-new.svg/100px-Question_book-new.svg.png 2x" src="//upload.wikimedia.org/wikipedia/en/thumb/9/99/Question_book-new.svg/50px-Question_book-new.svg.png" alt=""></a></div>
</td>
<td class="mbox-text"><span class="mbox-text-span">This article <b>does not <a title="Wikipedia:Citing sources" href="/wiki/Wikipedia:Citing_sources">cite</a> any <a title="Wikipedia:Verifiability" href="/wiki/Wikipedia:Verifiability">references or sources</a></b>. <span class="hide-when-compact">Please help <a href="//en.wikipedia.org/w/index.php?title=JavaScript_library&amp;action=edit" class="external text">improve this article</a> by <a title="Help:Introduction to referencing/1" href="/wiki/Help:Introduction_to_referencing/1">adding citations to reliable sources</a>. Unsourced material may be challenged and <a title="Wikipedia:Verifiability" href="/wiki/Wikipedia:Verifiability#Burden_of_evidence">removed</a>.</span> <small><i>(December 2011)</i></small></span></td>
</tr>
</tbody></table>
<table style="float:right;clear:right;width:22.0em;margin:0 0 1.0em 1.0em;background:#f9f9f9;border:1px solid #aaa;padding:0.2em;border-spacing:0.4em 0;text-align:center;line-height:1.4em;font-size:88%;width:auto" class="vertical-navbox nowraplinks">
<tbody><tr>
<td style="padding-top:0.4em;line-height:1.2em;background:#F0DB4F">Part of a <a title="Category:JavaScript" href="/wiki/Category:JavaScript">series</a> on</td>
</tr>
<tr>
<th style="padding:0.2em 0.4em 0.2em;padding-top:0;font-size:145%;line-height:1.2em;background:#F0DB4F"><a title="JavaScript" href="/wiki/JavaScript">JavaScript</a></th>
</tr>
<tr>
<td style="padding:0 0.1em 0.4em" class="plainlist">
<ul>
<li><a title="JavaScript syntax" href="/wiki/JavaScript_syntax">JavaScript syntax</a></li>
<li><strong class="selflink">JavaScript library</strong></li>
<li><a title="Unobtrusive JavaScript" href="/wiki/Unobtrusive_JavaScript">Unobtrusive JavaScript</a></li>
<li><a title="JavaScript engine" href="/wiki/JavaScript_engine">JavaScript engine</a></li>
</ul>
</td>
</tr>
<tr>
<th style="padding:0.1em;background:#e4e4f0" id="n-contents">Lists of Frameworks and Libraries</th>
</tr>
<tr>
<td style="padding:0 0.1em 0.4em" class="plainlist">
<ul>
<li><a title="List of Ajax frameworks" href="/wiki/List_of_Ajax_frameworks#JavaScript">Ajax frameworks</a></li>
<li><a title="Comparison of web application frameworks" href="/wiki/Comparison_of_web_application_frameworks#JavaScript">JavaScript web application frameworks</a></li>
<li><a title="Comparison of JavaScript frameworks" href="/wiki/Comparison_of_JavaScript_frameworks">Comparison of JavaScript frameworks</a></li>
<li><a title="List of JavaScript libraries" href="/wiki/List_of_JavaScript_libraries">List of JavaScript libraries</a></li>
<li><a title="List of unit testing frameworks" href="/wiki/List_of_unit_testing_frameworks#JavaScript">JavaScript unit testing frameworks</a></li>
</ul>
</td>
</tr>
<tr>
<td style="padding:0 0.1em 0.4em" class="plainlist"><b><a title="JSON" href="/wiki/JSON">JavaScript Object Notation</a></b></td>
</tr>
<tr>
<td style="padding:0 0.1em 0.4em" class="plainlist">
<p><i>See also</i></p>
<ul>
<li><a title="ECMAScript" href="/wiki/ECMAScript">ECMAScript</a></li>
</ul>
</td>
</tr>
<tr>
<td style="text-align:right;font-size:115%">
<div class="plainlinks hlist navbar mini">
<ul>
<li class="nv-view"><a title="Template:JavaScriptSidebar" href="/wiki/Template:JavaScriptSidebar"><span title="View this template">v</span></a></li>
<li class="nv-talk"><a title="Template talk:JavaScriptSidebar" href="/wiki/Template_talk:JavaScriptSidebar"><span title="Discuss this template">t</span></a></li>
<li class="nv-edit"><a href="//en.wikipedia.org/w/index.php?title=Template:JavaScriptSidebar&amp;action=edit" class="external text"><span title="Edit this template">e</span></a></li>
</ul>
</div>
</td>
</tr>
</tbody></table>
<p>A <b>JavaScript library</b> is a <a title="Library (computing)" href="/wiki/Library_(computing)">library</a> of pre-written <a title="JavaScript" href="/wiki/JavaScript">JavaScript</a> which allows for easier development of JavaScript-based applications, especially for <a title="Ajax (programming)" href="/wiki/Ajax_(programming)">AJAX</a> and other <a title="World Wide Web" href="/wiki/World_Wide_Web">web-centric</a> technologies.</p>
<p></p>
<div class="toc" id="toc">
<div id="toctitle">
<h2>Contents</h2>
<span class="toctoggle">&nbsp;[<a id="togglelink" href="#">hide</a>]&nbsp;</span></div>
<ul>
<li class="toclevel-1 tocsection-1"><a href="#History"><span class="tocnumber">1</span> <span class="toctext">History</span></a></li>
<li class="toclevel-1 tocsection-2"><a href="#Libraries"><span class="tocnumber">2</span> <span class="toctext">Libraries</span></a></li>
<li class="toclevel-1 tocsection-3"><a href="#Frameworks"><span class="tocnumber">3</span> <span class="toctext">Frameworks</span></a></li>
<li class="toclevel-1 tocsection-4"><a href="#See_also"><span class="tocnumber">4</span> <span class="toctext">See also</span></a></li>
<li class="toclevel-1 tocsection-5"><a href="#References"><span class="tocnumber">5</span> <span class="toctext">References</span></a></li>
</ul>
</div>
<p></p>
<h2><span id="History" class="mw-headline">History</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a title="Edit section: History" href="/w/index.php?title=JavaScript_library&amp;action=edit&amp;section=1">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<div class="hatnote relarticle mainarticle">Main article: <a title="JavaScript" href="/wiki/JavaScript#History">JavaScript: History</a></div>
<p>While <a title="JavaScript" href="/wiki/JavaScript">JavaScript</a>, as first developed by <a class="mw-redirect" title="Netscape Communications Corporation" href="/wiki/Netscape_Communications_Corporation">Netscape</a> (and later <a title="Mozilla Foundation" href="/wiki/Mozilla_Foundation">Mozilla</a>), has long had a presence on the Web for many <a title="Website" href="/wiki/Website">websites</a>, it gained a particular pitch with the rise of the <a title="Web 2.0" href="/wiki/Web_2.0">Web 2.0</a> era of computing, in which JavaScript became increasingly used for the development of user interfaces for applications, both <a title="Web application" href="/wiki/Web_application">web-based</a> and desktop-based.</p>
<p>JavaScript was also combined with <a title="Cascading Style Sheets" href="/wiki/Cascading_Style_Sheets">CSS</a> to create <a title="Dynamic web page" href="/wiki/Dynamic_web_page">dynamic web pages</a>, which have also become popular as a more efficient and accessible alternative to <a title="Adobe Flash" href="/wiki/Adobe_Flash">Flash</a>-based websites.</p>
<h2><span id="Libraries" class="mw-headline">Libraries</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a title="Edit section: Libraries" href="/w/index.php?title=JavaScript_library&amp;action=edit&amp;section=2">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>With the expanded demands for <a title="JavaScript" href="/wiki/JavaScript">JavaScript</a>, an easier means for programmers to develop such dynamic interfaces was needed. Thus, JavaScript libraries such as <a title="Prototype JavaScript Framework" href="/wiki/Prototype_JavaScript_Framework">Prototype</a>, <a title="Script.aculo.us" href="/wiki/Script.aculo.us">script.aculo.us</a>, <a class="mw-redirect" title="Ext (javascript library)" href="/wiki/Ext_(javascript_library)">Ext Core</a>, <a title="JsPHP" href="/wiki/JsPHP">jsPHP</a>, <a title="MooTools" href="/wiki/MooTools">MooTools</a> and <a title="JQuery" href="/wiki/JQuery">jQuery</a> and JavaScript widget libraries such as <a class="mw-redirect" title="Ext (javascript library)" href="/wiki/Ext_(javascript_library)">Ext JS</a>, <a title="Dhtmlx" href="/wiki/Dhtmlx">DHTMLX</a>, and <a title="Dojo Toolkit" href="/wiki/Dojo_Toolkit">Dojo Toolkit</a> were developed, allowing for developers to concentrate more upon more distinctive applications of <a title="Ajax (programming)" href="/wiki/Ajax_(programming)">Ajax</a>. This has led to other companies and groups, such as <a title="Microsoft" href="/wiki/Microsoft">Microsoft</a> and <a title="Yahoo!" href="/wiki/Yahoo!">Yahoo!</a> developing their own JavaScript-based user interface libraries, which find their way into the web applications developed by these companies.</p>
<p>Some JavaScript libraries allow for easier integration of JavaScript with other web development technologies, such as <a title="Cascading Style Sheets" href="/wiki/Cascading_Style_Sheets">CSS</a>, <a title="PHP" href="/wiki/PHP">PHP</a>, <a title="Ruby (programming language)" href="/wiki/Ruby_(programming_language)">Ruby</a>, and <a title="Java (programming language)" href="/wiki/Java_(programming_language)">Java</a>. Many libraries include code to detect differences between runtime environments, and remove the need for applications to allow for such inconsistencies.</p>
<p>Almost all JavaScript libraries are released under either a <a class="mw-redirect" title="Copycenter" href="/wiki/Copycenter">copycenter</a> or <a title="Copyleft" href="/wiki/Copyleft">copyleft</a> license to ensure license-free distribution, usage, and modification.</p>
<h2><span id="Frameworks" class="mw-headline">Frameworks</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a title="Edit section: Frameworks" href="/w/index.php?title=JavaScript_library&amp;action=edit&amp;section=3">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>Some JavaScript libraries, such as <a title="YUI Library" href="/wiki/YUI_Library">YUI</a>, are classified as <a title="Software framework" href="/wiki/Software_framework">frameworks</a> since they exhibit full-stack capabilities and properties not found in general JavaScript libraries.</p>
<h2><span id="See_also" class="mw-headline">See also</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a title="Edit section: See also" href="/w/index.php?title=JavaScript_library&amp;action=edit&amp;section=4">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<ul>
<li><a title="Ajax framework" href="/wiki/Ajax_framework">Ajax framework</a></li>
<li><a title="Widget toolkit" href="/wiki/Widget_toolkit">Widget toolkit</a></li>
<li><a title="List of JavaScript libraries" href="/wiki/List_of_JavaScript_libraries">List of JavaScript libraries</a></li>
<li><a title="Comparison of JavaScript frameworks" href="/wiki/Comparison_of_JavaScript_frameworks">Comparison of JavaScript frameworks</a></li>
</ul>
<h2><span id="References" class="mw-headline">References</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a title="Edit section: References" href="/w/index.php?title=JavaScript_library&amp;action=edit&amp;section=5">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<div style="list-style-type: decimal;" class="reflist"></div>
<table style="border-spacing:0" class="navbox">
<tbody><tr>
<td style="padding:2px">
<table style="border-spacing:0;background:transparent;color:inherit" class="nowraplinks collapsible autocollapse navbox-inner" id="collapsibleTable0">
<tbody><tr>
<th colspan="2" class="navbox-title" scope="col"><span class="collapseButton">[<a id="collapseButton0" href="#">show</a>]</span>
<div class="plainlinks hlist navbar mini">
<ul>
<li class="nv-view"><a title="Template:JavaScript" href="/wiki/Template:JavaScript"><span style=";;background:none transparent;border:none;" title="View this template">v</span></a></li>
<li class="nv-talk"><a title="Template talk:JavaScript" href="/wiki/Template_talk:JavaScript"><span style=";;background:none transparent;border:none;" title="Discuss this template">t</span></a></li>
<li class="nv-edit"><a href="//en.wikipedia.org/w/index.php?title=Template:JavaScript&amp;action=edit" class="external text"><span style=";;background:none transparent;border:none;" title="Edit this template">e</span></a></li>
</ul>
</div>
<div style="font-size:114%"><a title="JavaScript" href="/wiki/JavaScript">JavaScript</a></div>
</th>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row"><a class="mw-redirect" title="Static code analysis" href="/wiki/Static_code_analysis">Code analysis</a></th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-odd hlist">
<div style="padding:0em 0.25em">
<ul>
<li><a title="JSHint" href="/wiki/JSHint">JSHint</a></li>
<li><a title="JSLint" href="/wiki/JSLint">JSLint</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row"><a title="Compiler" href="/wiki/Compiler">Compilers</a></th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-even hlist">
<div style="padding:0em 0.25em">
<ul>
<li><a title="CoffeeScript" href="/wiki/CoffeeScript">CoffeeScript</a></li>
<li><a title="Emscripten" href="/wiki/Emscripten">Emscripten</a></li>
<li><a class="mw-redirect" title="Google Closure Compiler" href="/wiki/Google_Closure_Compiler">Google Closure Compiler</a></li>
<li><a title="Google Web Toolkit" href="/wiki/Google_Web_Toolkit">Google Web Toolkit</a></li>
<li><a title="Morfik" href="/wiki/Morfik">Morfik</a></li>
<li><a title="TypeScript" href="/wiki/TypeScript">TypeScript</a></li>
<li><a title="AtScript" href="/wiki/AtScript">AtScript</a></li>
<li><a title="Opa (programming language)" href="/wiki/Opa_(programming_language)">Opa</a></li>
<li><a title="Haxe" href="/wiki/Haxe">Haxe</a></li>
<li><a class="mw-redirect" title="ClojureScript" href="/wiki/ClojureScript">ClojureScript</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row">Concepts</th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-odd hlist">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Ajax (programming)" href="/wiki/Ajax_(programming)">Ajax</a></li>
<li><a class="mw-redirect" title="Client-side JavaScript" href="/wiki/Client-side_JavaScript">Client-side</a></li>
<li><a title="Dynamic HTML" href="/wiki/Dynamic_HTML">Dynamic HTML</a></li>
<li><strong class="selflink">JavaScript library</strong></li>
<li><a title="JavaScript syntax" href="/wiki/JavaScript_syntax">JavaScript syntax</a></li>
<li><a title="Unobtrusive JavaScript" href="/wiki/Unobtrusive_JavaScript">Unobtrusive JavaScript</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row"><a title="Debugger" href="/wiki/Debugger">Debuggers</a></th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-even hlist">
<div style="padding:0em 0.25em">
<ul>
<li><a class="mw-redirect" title="Firebug (web development)" href="/wiki/Firebug_(web_development)">Firebug</a></li>
<li><a title="Microsoft Script Debugger" href="/wiki/Microsoft_Script_Debugger">Microsoft Script Debugger</a></li>
<li><a title="Microsoft Script Editor" href="/wiki/Microsoft_Script_Editor">Microsoft Script Editor</a></li>
<li><a title="Opera Dragonfly" href="/wiki/Opera_Dragonfly">Opera Dragonfly</a></li>
<li><a title="Venkman" href="/wiki/Venkman">Venkman</a></li>
<li><a class="mw-redirect" title="Visual Studio" href="/wiki/Visual_Studio">Visual Studio</a>
<ul>
<li><a title="Microsoft Visual Studio Express" href="/wiki/Microsoft_Visual_Studio_Express">Visual Studio Express</a></li>
</ul>
</li>
<li><a title="Visual Studio Code" href="/wiki/Visual_Studio_Code">Visual Studio Code</a></li>
<li><a class="mw-redirect" title="Web Inspector" href="/wiki/Web_Inspector">Web Inspector</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row"><a title="Documentation generator" href="/wiki/Documentation_generator">Doc generators</a></th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-odd hlist">
<div style="padding:0em 0.25em">
<ul>
<li><a title="JSDoc" href="/wiki/JSDoc">JSDoc</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row">Editors (<span style="font-weight:normal"><a title="Comparison of JavaScript-based source code editors" href="/wiki/Comparison_of_JavaScript-based_source_code_editors">Comparison</a></span>)</th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-even hlist">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Ace (editor)" href="/wiki/Ace_(editor)">Ace</a></li>
<li><a title="Atom (text editor)" href="/wiki/Atom_(text_editor)">Atom</a></li>
<li><a title="Cloud9 IDE" href="/wiki/Cloud9_IDE">Cloud9 IDE</a></li>
<li><a title="CodeMirror" href="/wiki/CodeMirror">CodeMirror</a></li>
<li><a title="Codenvy" href="/wiki/Codenvy">Codenvy</a></li>
<li><a title="Koding" href="/wiki/Koding">Koding</a></li>
<li><a title="List of Eclipse projects" href="/wiki/List_of_Eclipse_projects#Top-level_sub-projects">Orion</a></li>
<li><a title="Microsoft Visual Studio" href="/wiki/Microsoft_Visual_Studio">Visual Studio</a>
<ul>
<li><a title="Microsoft Visual Studio Express" href="/wiki/Microsoft_Visual_Studio_Express">Visual Studio Express</a></li>
</ul>
</li>
<li><a title="Visual Studio Code" href="/wiki/Visual_Studio_Code">Visual Studio Code</a></li>
<li><a class="mw-redirect" title="Visual Studio" href="/wiki/Visual_Studio#Visual_Studio_Online">Visual Studio Online</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row">Engines</th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-odd hlist">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Comparison of layout engines (ECMAScript)" href="/wiki/Comparison_of_layout_engines_(ECMAScript)">Comparison of layout engines</a></li>
<li><a title="List of ECMAScript engines" href="/wiki/List_of_ECMAScript_engines">List of ECMAScript engines</a></li>
<li><a title="JavaScript engine" href="/wiki/JavaScript_engine#JavaScript_engines">List of JavaScript engines</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row"><a title="Software framework" href="/wiki/Software_framework">Frameworks</a></th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-even hlist">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Comparison of JavaScript frameworks" href="/wiki/Comparison_of_JavaScript_frameworks">Comparison of JavaScript frameworks</a></li>
<li><a title="List of JavaScript libraries" href="/wiki/List_of_JavaScript_libraries">List of JavaScript libraries</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row">Related <a title="Programming language" href="/wiki/Programming_language">languages</a></th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-odd hlist">
<div style="padding:0em 0.25em">
<ul>
<li><a title="ActionScript" href="/wiki/ActionScript">ActionScript</a></li>
<li><a title="Asm.js" href="/wiki/Asm.js">asm.js</a></li>
<li><a title="CoffeeScript" href="/wiki/CoffeeScript">CoffeeScript</a></li>
<li><a title="Dart (programming language)" href="/wiki/Dart_(programming_language)">Dart</a></li>
<li><a title="ECMAScript" href="/wiki/ECMAScript">ECMAScript</a></li>
<li><a title="JavaScript OSA" href="/wiki/JavaScript_OSA">JavaScript OSA</a></li>
<li><a title="JScript" href="/wiki/JScript">JScript</a></li>
<li><a title="TypeScript" href="/wiki/TypeScript">TypeScript</a></li>
<li><a title="AtScript" href="/wiki/AtScript">AtScript</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row">Related <a title="Technology" href="/wiki/Technology">technologies</a></th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-even hlist">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Cascading Style Sheets" href="/wiki/Cascading_Style_Sheets">Cascading Style Sheets</a></li>
<li><a title="Document Object Model" href="/wiki/Document_Object_Model">Document Object Model</a></li>
<li><a title="HTML" href="/wiki/HTML">HTML</a></li>
<li><a title="JSON" href="/wiki/JSON">JSON</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row"><a title="Package manager" href="/wiki/Package_manager">Package managers</a></th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-odd hlist">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Npm (software)" href="/wiki/Npm_(software)">npm</a></li>
<li><a title="NuGet" href="/wiki/NuGet">NuGet</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row"><a class="mw-redirect" title="Server-side JavaScript" href="/wiki/Server-side_JavaScript">Server-side</a></th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-even hlist">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Active Server Pages" href="/wiki/Active_Server_Pages">Active Server Pages</a></li>
<li><a title="CommonJS" href="/wiki/CommonJS">CommonJS</a></li>
<li><a title="JSGI" href="/wiki/JSGI">JSGI</a></li>
<li><a title="Node.js" href="/wiki/Node.js">Node.js</a></li>
<li><a title="Wakanda (software)" href="/wiki/Wakanda_(software)">Wakanda</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row"><a title="Unit testing" href="/wiki/Unit_testing">Unit testing</a></th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-odd hlist">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Jasmine (JavaScript framework)" href="/wiki/Jasmine_(JavaScript_framework)">Jasmine</a></li>
<li><a title="Mocha (JavaScript framework)" href="/wiki/Mocha_(JavaScript_framework)">Mocha</a></li>
<li><a title="JSUnit" href="/wiki/JSUnit">JSUnit</a></li>
<li><a title="QUnit" href="/wiki/QUnit">QUnit</a></li>
<li><a title="List of unit testing frameworks" href="/wiki/List_of_unit_testing_frameworks#JavaScript">List of JavaScript unit testing frameworks</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row">People</th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-even hlist">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Douglas Crockford" href="/wiki/Douglas_Crockford">Douglas Crockford</a></li>
<li><a title="Brendan Eich" href="/wiki/Brendan_Eich">Brendan Eich</a></li>
<li><a title="John Resig" href="/wiki/John_Resig">John Resig</a></li>
</ul>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table style="border-spacing:0" class="navbox">
<tbody><tr>
<td style="padding:2px">
<table style="border-spacing:0;background:transparent;color:inherit" class="nowraplinks hlist collapsible autocollapse navbox-inner" id="collapsibleTable1">
<tbody><tr>
<th colspan="2" class="navbox-title" scope="col"><span class="collapseButton">[<a id="collapseButton1" href="#">show</a>]</span>
<div class="plainlinks hlist navbar mini">
<ul>
<li class="nv-view"><a title="Template:ECMAScript" href="/wiki/Template:ECMAScript"><span style=";;background:none transparent;border:none;" title="View this template">v</span></a></li>
<li class="nv-talk"><a title="Template talk:ECMAScript" href="/wiki/Template_talk:ECMAScript"><span style=";;background:none transparent;border:none;" title="Discuss this template">t</span></a></li>
<li class="nv-edit"><a href="//en.wikipedia.org/w/index.php?title=Template:ECMAScript&amp;action=edit" class="external text"><span style=";;background:none transparent;border:none;" title="Edit this template">e</span></a></li>
</ul>
</div>
<div style="font-size:114%"><a title="ECMAScript" href="/wiki/ECMAScript">ECMAScript</a></div>
</th>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row">Dialects</th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-odd">
<div style="padding:0em 0.25em">
<ul>
<li><a title="ActionScript" href="/wiki/ActionScript">ActionScript</a></li>
<li><a title="Caja project" href="/wiki/Caja_project">Caja</a></li>
<li><a title="JavaScript" href="/wiki/JavaScript">JavaScript</a>
<ul>
<li><a title="JavaScript engine" href="/wiki/JavaScript_engine">engines</a></li>
<li><a title="Asm.js" href="/wiki/Asm.js">asm.js</a></li>
</ul>
</li>
<li><a title="JScript" href="/wiki/JScript">JScript</a></li>
<li><a title="JScript .NET" href="/wiki/JScript_.NET">JScript .NET</a></li>
<li><a title="QtScript" href="/wiki/QtScript">QtScript</a></li>
<li><a title="WMLScript" href="/wiki/WMLScript">WMLScript</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row"><a title="List of ECMAScript engines" href="/wiki/List_of_ECMAScript_engines">Engines</a><br>
(<a title="Comparison of layout engines (ECMAScript)" href="/wiki/Comparison_of_layout_engines_(ECMAScript)">comparison</a>)</th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-even">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Presto (layout engine)" href="/wiki/Presto_(layout_engine)#JavaScript_engines">Carakan</a></li>
<li><a title="Presto (layout engine)" href="/wiki/Presto_(layout_engine)#JavaScript_engines">Futhark</a></li>
<li><a title="InScript (JavaScript engine)" href="/wiki/InScript_(JavaScript_engine)">InScript</a></li>
<li><a class="mw-redirect" title="JavaScriptCore" href="/wiki/JavaScriptCore">JavaScriptCore</a>
<ul>
<li><a title="WebKit" href="/wiki/WebKit#JavaScriptCore">SquirrelFish</a></li>
</ul>
</li>
<li><a title="JScript" href="/wiki/JScript">JScript</a></li>
<li><a title="KJS (software)" href="/wiki/KJS_(software)">KJS</a></li>
<li><a title="Presto (layout engine)" href="/wiki/Presto_(layout_engine)#JavaScript_engines">Linear B</a></li>
<li><a title="Narcissus (JavaScript engine)" href="/wiki/Narcissus_(JavaScript_engine)">Narcissus</a></li>
<li><a title="QtScript" href="/wiki/QtScript">QtScript</a></li>
<li><a title="Rhino (JavaScript engine)" href="/wiki/Rhino_(JavaScript_engine)">Rhino</a></li>
<li><a title="SpiderMonkey (software)" href="/wiki/SpiderMonkey_(software)">SpiderMonkey</a>
<ul>
<li><a title="SpiderMonkey (software)" href="/wiki/SpiderMonkey_(software)#TraceMonkey">TraceMonkey</a></li>
<li><a class="mw-redirect" title="JägerMonkey" href="/wiki/J%C3%A4gerMonkey">JägerMonkey</a></li>
</ul>
</li>
<li><a title="Tamarin (software)" href="/wiki/Tamarin_(software)">Tamarin</a></li>
<li><a title="V8 (JavaScript engine)" href="/wiki/V8_(JavaScript_engine)">V8</a></li>
<li><a title="Chakra (JScript engine)" href="/wiki/Chakra_(JScript_engine)">Chakra</a></li>
<li><a title="JScript .NET" href="/wiki/JScript_.NET">JScript .NET</a></li>
<li><a title="Nashorn (JavaScript engine)" href="/wiki/Nashorn_(JavaScript_engine)">Nashorn</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row"><a title="Software framework" href="/wiki/Software_framework">Frameworks</a></th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-odd">
<div style="padding:0em 0.25em"></div>
<table style="border-spacing:0" class="nowraplinks navbox-subgroup">
<tbody><tr>
<th class="navbox-group" scope="row"><a class="mw-redirect" title="Client-side JavaScript" href="/wiki/Client-side_JavaScript">Client-side</a></th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-odd">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Ample SDK" href="/wiki/Ample_SDK">Ample SDK</a></li>
<li><a title="Chaplin.js" href="/wiki/Chaplin.js">Chaplin.js</a></li>
<li><a title="Dojo Toolkit" href="/wiki/Dojo_Toolkit">Dojo</a></li>
<li><a title="Echo (framework)" href="/wiki/Echo_(framework)">Echo</a></li>
<li><a title="Ext JS" href="/wiki/Ext_JS">Ext JS</a></li>
<li><a title="Google Web Toolkit" href="/wiki/Google_Web_Toolkit">Google Web Toolkit</a></li>
<li><a title="JQuery" href="/wiki/JQuery">jQuery</a></li>
<li><a title="Lively Kernel" href="/wiki/Lively_Kernel">Lively Kernel</a></li>
<li><a title="Midori JavaScript Framework" href="/wiki/Midori_JavaScript_Framework">midori</a></li>
<li><a title="MochiKit" href="/wiki/MochiKit">MochiKit</a></li>
<li><a title="MooTools" href="/wiki/MooTools">MooTools</a></li>
<li><a title="Prototype JavaScript Framework" href="/wiki/Prototype_JavaScript_Framework">Prototype</a></li>
<li><a title="Pyjamas (software)" href="/wiki/Pyjamas_(software)">Pyjamas</a></li>
<li><a title="Qooxdoo" href="/wiki/Qooxdoo">qooxdoo</a></li>
<li><a title="Rialto Toolkit" href="/wiki/Rialto_Toolkit">Rialto</a></li>
<li><a title="Rico (Ajax)" href="/wiki/Rico_(Ajax)">Rico</a></li>
<li><a title="Script.aculo.us" href="/wiki/Script.aculo.us">script.aculo.us</a></li>
<li><a title="SmartClient" href="/wiki/SmartClient">SmartClient</a></li>
<li><a title="SproutCore" href="/wiki/SproutCore">SproutCore</a></li>
<li><a title="Spry framework" href="/wiki/Spry_framework">Spry</a></li>
<li><a title="Wakanda (software)" href="/wiki/Wakanda_(software)">Wakanda Framework</a></li>
<li><a title="YUI Library" href="/wiki/YUI_Library">YUI Library</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height:2px">
<td colspan="2"></td>
</tr>
<tr>
<th class="navbox-group" scope="row"><a class="mw-redirect" title="Server-side JavaScript" href="/wiki/Server-side_JavaScript">Server-side</a></th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-even">
<div style="padding:0em 0.25em">
<ul>
<li><a title="AppJet" href="/wiki/AppJet">AppJet</a></li>
<li><a class="mw-redirect" title="Jaxer" href="/wiki/Jaxer#Aptana_Jaxer">Jaxer</a></li>
<li><a title="Node.js" href="/wiki/Node.js">Node.js</a></li>
<li><a title="Wakanda (software)" href="/wiki/Wakanda_(software)">WakandaDB</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height:2px">
<td colspan="2"></td>
</tr>
<tr>
<th class="navbox-group" scope="row">Multiple</th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-odd">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Cappuccino (application development framework)" href="/wiki/Cappuccino_(application_development_framework)">Cappuccino</a>
<ul>
<li><a title="Objective-J" href="/wiki/Objective-J">Objective-J</a></li>
</ul>
</li>
<li><a title="PureMVC" href="/wiki/PureMVC">PureMVC</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height:2px">
<td colspan="2"></td>
</tr>
<tr>
<th class="navbox-group" scope="row"><strong class="selflink">Libraries</strong></th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-even">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Backbone.js" href="/wiki/Backbone.js">Backbone.js</a></li>
<li><a title="SWFObject" href="/wiki/SWFObject">SWFObject</a></li>
<li><a title="SWFAddress" href="/wiki/SWFAddress">SWFAddress</a></li>
<li><a title="Underscore.js" href="/wiki/Underscore.js">Underscore.js</a></li>
</ul>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row">People</th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-even">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Brendan Eich" href="/wiki/Brendan_Eich">Brendan Eich</a></li>
<li><a title="Douglas Crockford" href="/wiki/Douglas_Crockford">Douglas Crockford</a></li>
<li><a title="John Resig" href="/wiki/John_Resig">John Resig</a></li>
<li><a title="Scott Isaacs" href="/wiki/Scott_Isaacs">Scott Isaacs</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<th class="navbox-group" scope="row">Other</th>
<td style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px" class="navbox-list navbox-odd">
<div style="padding:0em 0.25em">
<ul>
<li><a title="Dynamic HTML" href="/wiki/Dynamic_HTML">DHTML</a></li>
<li><a title="Ecma International" href="/wiki/Ecma_International">Ecma International</a></li>
<li><a title="JSDoc" href="/wiki/JSDoc">JSDoc</a></li>
<li><a title="JSGI" href="/wiki/JSGI">JSGI</a></li>
<li><a title="JSHint" href="/wiki/JSHint">JSHint</a></li>
<li><a title="JSLint" href="/wiki/JSLint">JSLint</a></li>
<li><a title="JSON" href="/wiki/JSON">JSON</a></li>
<li><a title="JavaScript Style Sheets" href="/wiki/JavaScript_Style_Sheets">JSSS</a></li>
<li><a title="Sputnik (JavaScript conformance test)" href="/wiki/Sputnik_(JavaScript_conformance_test)">Sputnik</a></li>
<li><a title="Browser speed test" href="/wiki/Browser_speed_test#SunSpider">SunSpider</a></li>
<li><a title="Asynchronous module definition" href="/wiki/Asynchronous_module_definition">Asynchronous module definition</a></li>
<li><a title="CommonJS" href="/wiki/CommonJS">CommonJS</a></li>
</ul>
</div>
</td>
</tr>
<tr style="height: 2px; display: none;">
<td colspan="2"></td>
</tr>
<tr style="display: none;">
<td colspan="2" class="navbox-abovebelow">
<div>
<dl>
<dt><img height="16" width="16" data-file-height="185" data-file-width="180" srcset="//upload.wikimedia.org/wikipedia/en/thumb/d/db/Symbol_list_class.svg/23px-Symbol_list_class.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/d/db/Symbol_list_class.svg/31px-Symbol_list_class.svg.png 2x" title="List-Class article" src="//upload.wikimedia.org/wikipedia/en/thumb/d/db/Symbol_list_class.svg/16px-Symbol_list_class.svg.png" alt="List-Class article"> Lists</dt>
<dd><a title="List of JavaScript libraries" href="/wiki/List_of_JavaScript_libraries">JavaScript libraries</a></dd>
<dd><a title="List of Ajax frameworks" href="/wiki/List_of_Ajax_frameworks#JavaScript">Ajax frameworks</a></dd>
<dt><img height="16" width="16" data-file-height="185" data-file-width="180" srcset="//upload.wikimedia.org/wikipedia/en/thumb/d/db/Symbol_list_class.svg/23px-Symbol_list_class.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/d/db/Symbol_list_class.svg/31px-Symbol_list_class.svg.png 2x" title="List-Class article" src="//upload.wikimedia.org/wikipedia/en/thumb/d/db/Symbol_list_class.svg/16px-Symbol_list_class.svg.png" alt="List-Class article"> Comparisons</dt>
<dd><a title="Comparison of JavaScript frameworks" href="/wiki/Comparison_of_JavaScript_frameworks">JavaScript frameworks</a></dd>
<dd><a title="Comparison of server-side JavaScript solutions" href="/wiki/Comparison_of_server-side_JavaScript_solutions">server-side JavaScript</a></dd>
</dl>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>


<!-- 
NewPP limit report
Parsed by mw1215
CPU time usage: 0.164 seconds
Real time usage: 0.214 seconds
Preprocessor visited node count: 538/1000000
Preprocessor generated node count: 0/1500000
Post‐expand include size: 53842/2097152 bytes
Template argument size: 13/2097152 bytes
Highest expansion depth: 7/40
Expensive parser function count: 1/500
Lua time usage: 0.055/10.000 seconds
Lua memory usage: 1.53 MB/50 MB
-->

<!-- 
Transclusion expansion time report (%,ms,calls,template)
100.00%  133.195      1 - -total
 44.43%   59.181      1 - Template:Unreferenced
 31.84%   42.404      3 - Template:Navbox
 29.17%   38.851      1 - Template:Ambox
 18.45%   24.573      1 - Template:ECMAScript
 14.94%   19.899      1 - Template:JavaScript
 11.03%   14.689      1 - Template:JavaScriptSidebar
  8.75%   11.650      1 - Template:Sidebar
  8.04%   10.708      1 - Template:Main
  7.84%   10.444      2 - Template:Icon
-->

<!-- Saved in parser cache with key enwiki:pcache:idhash:10081669-0!*!0!!en!4!* and timestamp 20150811131319 and revision id 612846912
 -->
<noscript>&lt;img src="//en.wikipedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" title="" width="1" height="1" style="border: none; position: absolute;" /&gt;</noscript></div>                                   <div class="printfooter">
                                                Retrieved from "<a href="https://en.wikipedia.org/w/index.php?title=JavaScript_library&amp;oldid=612846912" dir="ltr">https://en.wikipedia.org/w/index.php?title=JavaScript_library&amp;oldid=612846912</a>"                                    </div>
                                <div class="catlinks" id="catlinks"><div class="mw-normal-catlinks" id="mw-normal-catlinks"><a title="Help:Category" href="/wiki/Help:Category">Categories</a>: <ul><li><a title="Category:JavaScript libraries" href="/wiki/Category:JavaScript_libraries">JavaScript libraries</a></li></ul></div><div class="mw-hidden-catlinks mw-hidden-cats-hidden" id="mw-hidden-catlinks">Hidden categories: <ul><li><a title="Category:Articles lacking sources from December 2011" href="/wiki/Category:Articles_lacking_sources_from_December_2011">Articles lacking sources from December 2011</a></li><li><a title="Category:All articles lacking sources" href="/wiki/Category:All_articles_lacking_sources">All articles lacking sources</a></li></ul></div></div>                               <div class="visualClear"></div>
                                                        </div>
                </div>

Test runner

Ready to run.

Testing in
TestOps/sec
Jeesh / ID
Jeesh("#n-contents");
ready
jQuery / ID
jQuery("#n-contents");
ready
Zepto / ID
Zepto("#n-contents");
ready
Jeesh / class
Jeesh(".firstHeading");
ready
jQuery / class
jQuery(".firstHeading");
ready
Zepto / class
Zepto(".firstHeading");
ready
Class document.querySelector()
document.querySelector('.firstHeading');
ready
document.getElementById
document.getElementById('n-contents')
ready
document.getElementsByClassName('.firstHeading')
document.getElementsByClassName('firstHeading');
ready
document.querySelctor('#n-contents')
document.querySelector('#n-contents');
ready
Cash / id
$("#n-contents");
ready
Cash / class
$('.firstHeading');
ready
select / id
select("#n-contents");
ready
select / class
select('.firstHeading');
ready
minified.js / ID
minified('#n-contents');
ready
minified.js / class
minified('.firstHeading');
ready

Revisions

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