jQuery Create Element (v5)

Revision 5 of this benchmark created on

Preparation HTML

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

Teardown



            $('#target').html('');

Test runner

Ready to run.

Testing in
TestOps/sec
one
var name = 'test';
var e = $(document.createElement('li'));
e.id = name;
e.text = name;
$('#target').append(e);
ready
2
var name = 'test';
var e = $('<li/>', {
  id: name,
  text: name
});
$('#target').append(e);
ready
three
var name = 'test';
var e = $('<li/>');
e.id = name;
e.text = name;
$('#target').append(e);
ready
four
var name = 'test';
$('<li/>')
  .attr('id', name)
  .attr('text', name)
  .appendTo('#target');
ready
five
var name = 'test';
var e = $('<li/>')
  .attr('id', name)
  .attr('text', name)
$('#target').append(e);
ready
six
var name = 'test';
$('#target').append($('<li/>')
  .attr('id', name)
  .attr('text', name));
ready
seven
var name = 'test';
$('#target').append($('<li/>').id(name);
ready
seven
var name = 'test';
$('#target').append($('<li/>').id(name));
ready

Revisions

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