Preparation code

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
</script>
<div id="testDiv">
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
  <div class="test">
    Who cares what's actually in this div?
  </div>
</div>
<script>
  Benchmark.prototype.setup = function() {
    function s0() {
      $("#testDiv").find(".test").show();
    }

    function h0() {
      $("#testDiv").find(".test").hide();
    }

    function s1() {
      $(".test").show();
    }

    function h1() {
      $(".test").hide();
    }

    function s2() {
      $("#testDiv").find("test").each(function(){
$(this).css({
        'display': 'block'
      });});
    }

    function h2() {
      $("#testDiv").find("test").each(function(){
$(this).css({
        'display': 'none'
      });});
    }
  }

  function s3() {
    $("#testDiv").find("test").each(function() {
      $(this).style.display = 'block';
    });
  }

  function h3() {
    $("#testDiv").find("test").each(function() {
      $(this).style.display = 'none';
    });
  }

  function s4() {
    $("#testDiv").find("test").css({
      'display': 'block'
    });
  }

  function h4() {
    $("#testDiv").find("test").css({
      'display': 'none'
    });
  }

  function s5() {
    $(".test").css({
      'display': 'block'
    });
  }

  function h5() {
    $(".test").css({
      'display': 'none'
    });
  }

  function s6() {
    $("#testDiv").find("test").each(function() {
      this.style.display = 'block';
    });
  }

  function h6() {
    $("#testDiv").find("test").each(function() {
      this.style.display = 'none';
    });
  }
</script>

Preparation code output

Test runner

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

Java applet disabled.

s1();
h1();

s3();
h3();

s4();
h4();

s5();
h5();

s0();
h0();

s2();
h2();

s6();
h6();

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:

• Revision 1: published on 27th December 2012
• Revision 2: published on 27th December 2012

0 comments