jQuery: css-display:none vs. hide (v17)

Revision 17 of this benchmark created on February 4, 2014

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="hide-me">hide me</div>

Setup

var el = document.getElementById("hide-me");
    var $el = $(el);

Test runner

el.style.display = 'none';
el.style.display = '';

$el.hide();
$el.show();

Revisions

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

• Revision 1: published on February 8, 2011
• Revision 2: published by Long Ouyang on February 8, 2011
• Revision 3: published by test on February 19, 2013
• Revision 4: published on March 20, 2013
• Revision 5: published on March 26, 2013
• Revision 6: published on March 27, 2013
• Revision 7: published on June 27, 2013
• Revision 9: published on July 20, 2013
• Revision 11: published on July 22, 2013
• Revision 13: published on October 10, 2013
• Revision 14: published on October 17, 2013
• Revision 15: published on October 17, 2013
• Revision 16: published by Andy on October 17, 2013
• Revision 17: published on February 4, 2014
• Revision 18: published on February 24, 2015
• Revision 19: published by art on March 17, 2015