jQuery vs parseHTML vs createElement (v252)

Revision 252 of this benchmark created by twilli 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>

Test runner

Ready to run.

Testing in
TestOps/sec
$('<div>')
$('<div class="foo">')
ready
$('<div></div>')
$('<div class="foo"></div>')
ready
document.createElement
$(document.createElement('div')).addClass('foo')
ready
$($.parseHTML('<div>'))
$($.parseHTML('<div class="class">'))
ready
$($.parseHTML('<div/>'))
$($.parseHTML('<div class="foo" />'))
ready
$($.parseHTML('<div></div>'))
$($.parseHTML('<div class="foo"></div>'))
ready
$('<div>')
$('<div>').addClass('foo');
ready
$('<div></div>').addClass('foo');
$('<div></div>').addClass('foo');
ready
$($.parseHTML('<div>')).addClass('foo')
ready

Revisions

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