to detach or not to detach (v16)

Revision 16 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div class="container">
<div class="one">One</div>
<div class="two">Two</div>
<div class="three">Three</div>
<div class="four">Four</div>
<div class="five">Five</div>
<div class="six">Six</div>
<div class="seven">Seven</div>
</div>
<div class="target"></div>

Test runner

Ready to run.

Testing in
TestOps/sec
not detach
var $container = $('.container');
$container.find('.one').text('1');
$container.find('.two').text('2');
$container.find('.three').text('3');
$container.find('.four').text('4');
$container.find('.five').text('5');
$container.find('.six').text('6');
$container.find('.seven').text('7');
$container.appendTo($('.target'));
ready
detach
var $container = $('.container').detach();

$container.find('.one').text('1');
$container.find('.two').text('2');
$container.find('.three').text('3');
$container.find('.four').text('4');
$container.find('.five').text('5');
$container.find('.six').text('6');
$container.find('.seven').text('7');
$container.appendTo($('.target'));
ready

Revisions

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