jQuery vs createElement (v173)

Revision 173 of this benchmark created by frequent on

Description

Benchmarks from answer on StackOverflow: http://stackoverflow.com/questions/268490/jquery-document-createelement-equivalent/268520

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
$('<div>')
$('<div>', {
  "id": "foo",
  "class": "bar",
  "data-role": "button",
});
ready
$('<div></div>')
$('<div id="foo" class="bar" data-role="button"></div>')
ready
document.createElement
var x = document.createElement('div');
x.setAttribute("id", "foo");
x.setAttribute("class", "bar");
x.setAttribute("data-role", "button");
$(x);
 
ready
string
var x = '<div id="foo" class="bar" data-role="button"></div>';
$(x);
ready

Revisions

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