Jquery Add vs Array push

Benchmark created by hector on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="container"></div>

Test runner

Ready to run.

Testing in
TestOps/sec
jquery add
var item = $('<button>x</button>').click(function(){console.log(123)});
var items = [];
for(var i = 1; i< 9999; i++) {
 items.push(item);
}

$('#container').html(items);
ready
push
var item = $('<button>x</button>').click(function(){console.log(123)});
var items = $();
for(var i = 1; i< 9999; i++) {
 items.add(item);
}

$('#container').html(items);
ready

Revisions

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