jQuery: ID vs body element

JavaScript performance comparison

Revision 2 of this test case created by Josh

Info

Which is faster: jQuery selecting an ID or jQuery selecting the <body> tag?

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<input type="hidden" name="mytest" id="mytest" value="1" />

<input type="hidden" class="testclass" name="testclass" value="2" />

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
Select body tag
$(document).ready(function() {
    var body = $("body");
});
pending…
Select ID
$(document).ready(function() {
    var mytest = $("#mytest");
});
pending…
Select class
$(document).ready(function() {
    var testclass = $(".testclass");
});
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

0 comments

Add a comment