Info

Fastest way get a jQuery object of a DOM element of which I have the ID. document.getElementById has the advantage of not requiring escaping for special characters.

Preparation code

<div id="el1" class="el8">
  <div id="el2" class="el7">
  </div>
  <div id="el3" class="el6">
    <div id="el4" class="el5">
      Some HTML element
    </div>
  </div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Preparation code output

Test runner

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

Java applet disabled.

$('#el4').length;

$('.el5').length;

$('#el1 #el3 #el4').length;

$('#el1 #el3 .el5').length;

$('#el3 .el5').length;

$('#el3 #el4').length;

$('.el8 .el7 .el6 .el5').length;

$(document.getElementById('el4')).length;

$('.el6 .el5').length;

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:

• Revision 1: published by streetpc on 7th February 2012
• Revision 2: published by Hadrien.eu on 8th February 2012
• Revision 3: published on 8th February 2012
• Revision 4: published by Hadrien.eu on 8th February 2012
• Revision 5: published on 8th February 2012
• Revision 6: published on 8th February 2012
• Revision 7: published by Devin Rhode on 11th February 2012
• Revision 8: published on 24th February 2012
• Revision 9: published on 7th March 2012
• Revision 10: published on 9th April 2012
• Revision 11: published on 2nd August 2012
• Revision 12: published on 6th September 2012
• Revision 13: published on 12th September 2012
• Revision 14: published on 12th September 2012
• Revision 15: published on 13th September 2012
• Revision 16: published on 14th September 2012
• Revision 17: published by Rajesh Taneja on 16th October 2012
• Revision 18: published by Abdullah on 17th October 2012
• Revision 19: published on 22nd October 2012
• Revision 20: published on 20th November 2012
• Revision 22: published on 22nd November 2012
• Revision 23: published on 25th November 2012
• Revision 24: published on 30th November 2012
• Revision 25: published by David S on 2nd December 2012
• Revision 26: published on 1st February 2013
• Revision 27: published on 7th February 2013
• Revision 28: published on 1st March 2013
• Revision 29: published on 26th March 2013
• Revision 30: published by NJH on 15th April 2013
• Revision 31: published 2 weeks ago
• Revision 32: published 5 days ago

0 comments