jQuery find versus context versions 1.4.2 to 1.5

Benchmark created by jcfant on February 1, 2011

Preparation HTML

<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>
<script>
  var context5 = $15("div.wrapper");
  var context44 = $144("div.wrapper");
  var context42 = $142("div.wrapper");
</script>

Test runner

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

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

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

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

var item = $142("#button", context42);

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

var item = $15("#button", context5);

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

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

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

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

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

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

var item = $142(".buttonRef", context42);

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

var item = $15(".buttonRef", context5);

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

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

var item = context5.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