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

Revision 4 of this benchmark created on March 20, 2013

Preparation HTML

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

Test runner

$("#hide-me").hide();
$("#hide-me").show();

document.getElementById("hide-me").style.display = "none";
document.getElementById("hide-me").style.display = "block";

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