Info

Testing getElementById() and then passing the node element to jQuery versus just looking up the item by $("#ID");.

Preparation code

<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.js"></script>
<script type="text/javascript">
var $15 = jQuery.noConflict();
</script>

<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
var $144 = jQuery.noConflict();
</script>

<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var $142 = jQuery.noConflict();
</script>


<div class="wrapper">
     <div class="innerWrapper">
          <div class="button">
               <a href="javascript:void(0)" id="button" class="buttonRef">
                    <span class="buttonText">Text</span>
               </a>
          </div>
     </div>
</div>

Preparation code output

Test runner

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

Java applet disabled.

$142(document.getElementById("button"));

$142("#button");

$144(document.getElementById("button"));

$144("#button");

$15(document.getElementById("button"));

$15("#button");

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 jcfant on 7th February 2011 and last updated on 5th April 2011
• Revision 3: published on 5th April 2011
• Revision 4: published on 26th May 2011
• Revision 6: published by newbreedofgeek on 27th May 2011
• Revision 7: published on 31st May 2011
• Revision 8: published on 15th January 2012
• Revision 9: published by dmitrys on 26th March 2012
• Revision 10: published 1 week ago

0 comments