Append array of jQuery objects

Benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="myDiv" style="display:none" />
<script>
var myDiv = $('#myDiv');
var numberOfObjects = 10;
</script>

Setup

myDiv.empty();

Test runner

Ready to run.

Testing in
TestOps/sec
Append an array
var myObjects = [];
for (var i = 0; i < numberOfObjects; ++i) {
  myObjects.push($('<div>'));
}
myDiv.append(myObjects);
ready
Append one-by-one
for (var i = 0; i < numberOfObjects; ++i) {
  myDiv.append($('<div>'));
}
ready
Wrap and append
var myObjects = [];
for (var i = 0; i < numberOfObjects; ++i) {
  myObjects.push($('<div>'));
}
var myWrap = $('<div>').append(myObjects);
myDiv.append(myWrap);
ready

Revisions

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