jQuery .remove vs. .hide vs. detach (v30)

Revision 30 of this benchmark created on

Preparation HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div id="remove-me">confirm removed</div>
<div id="hide-me">confirm hidden</div>
<div id="detach-me">confirm detatched</div>

<style>
.hidden
{
 dispaly: none;
}
<script>@jsPerfTagToken</script>

Test runner

Ready to run.

Testing in
TestOps/sec
.remove()
$('#remove-me').remove();
ready
.hide()
$('#hide-me').addClass('hidden');
ready
.detach()
ready
style.display
ready
.css()
ready
.css() without lookup
ready
style.display with jQuery
ready
style.display without lookup
ready

Revisions

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