jQuery 1.9.1 vs 2.0.0 release

JavaScript performance comparison

Revision 32 of this test case created

Preparation code

<script src="//code.jquery.com/jquery-1.9.1.min.js">
</script>
<script>
  jQ19 = jQuery.noConflict();
</script>
<script src="//code.jquery.com/jquery-2.0.3.min.js">
</script>
<script>
  jQ20 = jQuery.noConflict();
</script>
<script src="//codeorigin.jquery.com/jquery-2.1.0-beta2.min.js">
</script>
<script>
  jQ21 = jQuery.noConflict();
</script>
<div id="idSelector" style='display:none;'>
  <div class="classSelector">
    <div id="find">
      <div id="cssGetter" style="color: black;">
        <div id="cssSetter" style="color: black;">
          <ul id="iteration">
            <li>
              <div id='editablearea'>
              </div>
            </li>
            <li>
              <p>
            </li>
            <li>
              <input type="checkbox">
            </li>
            <li>
              <h>
              </h>
            </li>
            <li>
              <table>
                <thead>
                </thead>
                <tbody>
                </tbody>
              </table>
            </li>
            <li>
              <textarea>
              </textarea>
            </li>
            <li>
              <span>
              </span>
            </li>
          </ul>
        </div>
      </div>
      <div>
      </div>
    </div>
  </div>
</div>
<script>
Benchmark.prototype.setup = function() {
    function testcase(_$) {
      var ti = _$("#iteration").clone().html();
      _$("#iteration li").each(function(i, e) {
        _$("#idSelector").find("table").append('<tr></tr>')
      });
      _$("#idSelector").find('table').empty();
      _$(".classSelector").toggleClass('test').data('ts', '3').attr('test', 'test');
      _$('#idSelector input').is(':checked');
      _$('#idSelector :checkbox').is(':visible');
      _$('#idSelector [type="checkbox"]').change();
   
      _$("#editablearea").text(ti).html(ti).empty();
      _$("#cssGetter").css("color");
      _$("#cssSetter").css("color", "green").css("color", "red");
      _$("#idSelector #iteration li").closest('ul');
      _$("#idSelector #iteration li").filter(":first").next().end();
      _$("#idSelector #iteration li").filter(":last").prev().parent();
    };
};
</script>

Preparation code output

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
1.9.1
testcase(jQ19);
pending…
2.0.0 release
testcase(jQ20);
pending…
2.1.0 beta 2
testcase(jQ21);
pending…

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:

0 comments

Add a comment