jQuery vs createElement (v21)

Revision 21 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>

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

Revisions

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