jQuery vs createElement (v22)

Revision 22 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.7.2/jquery.min.js">
</script>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.7.3/dojo/dojo.js">
</script>

Setup

function newe($tag) {
      return document.createElement($tag);
    }
    
    function $new(tag) {
      return $(document.createElement(tag));
    }

Test runner

Ready to run.

Testing in
TestOps/sec
Simple Tag
$('<div>')
ready
Full HTML String
$('<div></div>')
ready
Full XHTML String
$('<div/>')
ready
document.createElement
$(document.createElement('div'))
ready
shorthand function'd
$(newe('div'))
ready
Extra shorthand
$new('div')
ready
baseline
document.createElement("div");
ready
dojo.create
dojo.create("div");
ready
dojo nodelist
new dojo.NodeList(document.createElement("div"))
 
ready
dojo nodelist with create
new dojo.NodeList(dojo.create("div"))
ready

Revisions

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