jQuery vs createElement (v201)

Revision 201 of this benchmark created 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.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://linkbroker.hu/stuff/jquery.create/jquery.create.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
document.createElement('div')
DIV = document.createElement("div");
DIV.className = "className";
DIV.textContent = "Text";
$(DIV);
ready
$(document.createElement('div'))
var DIV = $(document.createElement("div")).addClass('className').text('Text')
ready
$.create("div")
var DIV = $.create("div")
DIV.className = "className";
DIV.textContent = "Text";
ready
$('<div></div>')
var DIV = $('<div></div>', {'class':'className','text':'Text'})
ready
$('<div></div>')
var DIV = $('<div class="className">Text</div>')
ready
$('<div></div>') Hard code
var DIV = $('</div>').addClass('className').text('Text')
ready
$('<div>')
var DIV = $('<div>', {'class':'className','text':'Text'})
ready
$('<div>')
var DIV = $('<div class="className">Text')
ready
$('</div>')
var DIV = $('</div>', {'class':'className','text':'Text'})
ready
$('<DIV>')
var DIV = $('<DIV>', {'class':'className','text':'Text'})
ready
$('</DIV>')
var DIV = $('</DIV>', {'class':'className','text':'Text'})
ready

Revisions

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