jQuery find versus context versions 1.3.2 to 1.6 (v5)

Revision 5 of this benchmark created by nbast on May 5, 2011

Description

Preparation HTML

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

<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>

<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
var $132 = 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>
<script>
  var context6 = $16("div.wrapper");
  var context5 = $15("div.wrapper");
  var context44 = $144("div.wrapper");
  var context42 = $142("div.wrapper");
  var context32 = $132("div.wrapper");
</script>

Test runner

var item = document.getElementById("button");

var item = $132("#button");

var item = $144("#button");

var item = $16("#button");

var item = $132("#button", context32);

var item = $144("#button", context44);

var item = $16("#button", context6);

var item = context32.find("#button")

var item = context44.find("#button")

var item = context6.find("#button")

var item = $132(".buttonRef");

var item = $144(".buttonRef");

var item = $16(".buttonRef");

var item = $132(".buttonRef", context32);

var item = $144(".buttonRef", context44);

var item = $16(".buttonRef", context6);

var item = context32.find(".buttonRef")

var item = context44.find(".buttonRef")

var item = context6.find(".buttonRef")

Revisions

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

• Revision 1: published by jcfant on February 1, 2011
• Revision 3: published by jcfant on February 4, 2011
• Revision 4: published on May 4, 2011
• Revision 5: published by nbast on May 5, 2011
• Revision 6: published by Addy Osmani on July 3, 2011