Info

jQuery().hide() is a bit redundant. let's test just how redundant it is.

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 
<script>
  Benchmark.prototype.setup = function() {
    var temp = $('<div />').appendTo(document.body);
    var node = temp[0];
  };
</script>

Preparation code output

Test runner

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

Java applet disabled.

temp.hide();
temp.show();

temp.hide(0);
temp.show();

temp.css('display', 'none');
temp.css('display', 'block');

node.style.display = 'none';
node.style.display = 'block';

node.hidden = true;
node.hidden = false;

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 Andrew Jackson on 28th February 2012
• Revision 2: published on 28th February 2012
• Revision 3: published on 17th May 2012

0 comments