JQuery Wrap vs Append (v8)

Revision 8 of this benchmark created on

Description

With jQuery 2.0.2

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js">
</script>
<p id="various_loop_container">
</p>
<script>
  var span = "<span>hi</span>",
      spanList = "";
  var target = document.getElementById("various_loop_container");
  var iterations = 100;
  while (iterations--) {
    spanList += span;
  }
  target.innerHTML = spanList;
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Wrap
var $container = $('<div class="container"/>');
var $element = $('<div class="inner" />')
$element.wrap('<div class="outer"/>');
$container.append($element.parent());
ready
Append
var $container = $('<div class="container"/>');
var $element = $('<div class="outer" />')
element.classList.add('selected');
ready

Revisions

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