jQuery 2.0.0 vs. 1.8.3 vs 1.9.0 (v3)

Revision 3 of this benchmark created on


Description

jQuery 2.0 vs 1.8.3 vs 1.9 performance test. Fixed jQuery 2.0 location

Preparation HTML

<script src="http://code.jquery.com/jquery-2.0.0.min.js">
</script>
<script type="text/javascript">
  var jQ20 = jQuery.noConflict();
</script>
<script src="http://code.jquery.com/jquery-1.8.3.min.js">
</script>
<script type="text/javascript">
  var jQ18 = jQuery.noConflict();
</script>
<script src="http://code.jquery.com/jquery-1.9.0.min.js">
</script>
<script type="text/javascript">
  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
2.0.0 ID Selector
jQ20("#idSelector");
ready
1.8.3 ID Selector
jQ18("#idSelector");
ready
1.9.0
jQ19("#idSelector");
ready
2.0.0 Class Selector
jQ20(".classSelector");
ready
1.8.3 Class Selector
jQ18(".classSelector");
ready
1.9.0 Class Selector
jQ19(".classSelector");
ready
2.0.0 Iteration
jQ20("#iteration li").each(function(i, e) {

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

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

});
ready
2.0.0 CSS Getter
jQ20("#cssGetter").css("color");
ready
1.8.3 CSS Getter
jQ18("#cssGetter").css("color");
ready
1.9.0 CSS Getter
jQ19("#cssGetter").css("color");
ready
2.0.0 CSS Setter
jQ20("#cssSetter").css("color", "red");
ready
1.8.3 CSS Setter
jQ18("#cssSetter").css("color", "red");
ready
1.9.0 CSS Setter
jQ19("#cssSetter").css("color", "red");
ready
2.0.0 Find
jQ20("#find").find("strong");
ready
1.8.3 Find
jQ18("#find").find("strong");
ready
1.9.0 Find
jQ19("#find").find("strong");
ready
2.0.0 Non-existent ID
jQ20("#someID");
ready
1.8.3 Non-existent ID
jQ18("#someID");
ready
1.9.0 Non-existent ID
jQ19("#someID");
ready
2.0.0 Non-existent Class
jQ20(".someClass");
ready
1.8.3 Non-existent Class
jQ18(".someClass");
ready
1.9.0 Non-existent Class
jQ19(".someClass");
ready

Revisions

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