jQuery.fadeOut(0) vs jQuery.hide() (v3)

Revision 3 of this benchmark created on


Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
var footerHtml =
                '<table><tr>'+
                '<td><input class="btn btn-small btn-primary loadBtn" id="appSaveControlPanel" type="button" value="LOAD"></td>' +
                '<td><input class="btn btn-small btn-primary exctBtn" id="appControlPanelExecuteBtn" type="button" value="EXECUTE"></td>'+
                '<td><span class = "appLastExecuteDate lastExecuteDate" id="lastExecuteLabel">Last Executed</span><span class="lastExecuteDate appLastExecuteDate" id="appLastExecuteDate">No Execute Date/Time Available.</span></td>'+
                '<td><input class="btn btn-small btn-primary pubBtn" id="appControlPanelPublishBtn" type="button" value="PUBLISH"></td></tr></table>';
<div id="lol"></div>
$("#lol").html(footerHtml);
</script>

Setup

$("#lol").hide();

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery.fadeOut(0)
$("#lol").show();
ready
jQuery.hide()
$("#lol").fadeIn(0);
ready

Revisions

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