Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<style>
.container {
    height: 200px;
    overflow: hidden;
}
.hidden {
   display: none;
}
</style>
<div class="container">
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
</div>
<script>
  Benchmark.prototype.setup = function() {
    var thePsJ = $('p')
        , thePs = document.getElementsByTagName( 'p' )
        , noOp = null;
  };

  Benchmark.prototype.teardown = function() {
    $('p').removeClass( 'hidden' ).css( 'display', 'block' );
  };
</script>

Preparation code output

Test runner

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

Java applet disabled.

$(document).ready( function () {
    thePsJ.addClass( 'hidden' );
});

$(document).ready( function () {
    thePsJ.hide();
});

$(document).ready( function () {
    thePsJ.css( 'display', 'none' );
});

$(document).ready( function () {
    thePsJ.css( { 'display' : 'none' } );
});

$(document).ready( function () {
    for ( var i = 0; i < thePs.length; i++ ) {
        thePs[i].class += 'hidden';
    }
});

$(document).ready( function () {
    for ( var i = 0; i < thePs.length; i++ ) {
        thePs[i].style.display = 'none';
    }
});
 

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 by BrynM on 14th December 2012
• Revision 3: published by James H on 14th December 2012
• Revision 4: published by BrynM on 14th December 2012
• Revision 6: published on 14th December 2012
• Revision 8: published on 14th December 2012
• Revision 9: published on 14th December 2012
• Revision 10: published on 14th December 2012
• Revision 13: published on 16th December 2012
• Revision 14: published by Tobias Krogh on 30th December 2012

0 comments