jQuery element creation (v6)

Revision 6 of this benchmark created on

Preparation HTML

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

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery create
$('<div id="id" class="class">some Text</div>');
ready
jQuery create
$('<div/>').attr({
 id: 'id'
}).addClass('class').html('some Text');
ready
jQuery create with document.createElement
$(document.createElement('div')).attr({
 id: 'id'
}).addClass('class').html('some Text');
ready
jQuery >= 1.4 create
$('<div/>', {
 id: 'id',
 'class': 'class',
 html: 'some Text'
});
ready
create Element
var e = document.createElement('div');
e.id = 'id';
e.class = 'class';
e.innerHTML = 'some Text';
ready

Revisions

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