jQuery 1.4.2 vs. jQuery 1.9.1 (v33)

Revision 33 of this benchmark created by Bartlomiej Rusiniak on


Preparation HTML

<script src="http://code.jquery.com/jquery-1.4.2.min.js">
</script>
<script>
  var jQ14 = jQuery.noConflict();
</script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js">
</script>
<script>
  var jQ19 = jQuery.noConflict();
</script>
<div id="idSelector">
</div>
<div class="classSelector">
</div>
<ul id="iteration">
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
</ul>
<div id="cssGetter" style="color: black;">
</div>
<div id="cssSetter" style="color: black;">
</div>
<div id="find">
  <span>
  </span>
  <div>
    <strong>
    </strong>
  </div>
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
1.4.2 ID Selector
jQ14("#idSelector");
ready
1.9 ID Selector
jQ19("#idSelector");
ready
1.4.2 Class Selector
jQ14(".classSelector");
ready
1.9 Class Selector
jQ19(".classSelector");
ready
1.4.2 Iteration
jQ14("#iteration li").each(function(i, e) {

});
ready
1.9 Iteration
jQ19("#iteration li").each(function(i, e) {

});
ready
1.5.2 CSS Getter
jQ14("#cssGetter").css("color");
ready
1.9 CSS Getter
jQ19("#cssGetter").css("color");
ready
1.4.2 CSS Setter
jQ14("#cssSetter").css("color", "red");
ready
1.9 CSS Setter
jQ19("#cssSetter").css("color", "red");
ready
1.4.2 Find
jQ14("#find").find("strong");
ready
1.9 Find
jQ19("#find").find("strong");
ready
1.4.2 Hierarchy selector
jQ14("#iteration > li");
ready
1.9.1 Hierarchy selector
jQ19("#iteration > li");
ready

Revisions

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