jQuery vs createElement (v300)

Revision 300 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.8.2/jquery.min.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
$("<div>")
$("<div>").append( $("<div>").append( $("<div>") ) );
ready
$("<div></div>")
$("<div></div>").append( $("<div></div>").append( $("<div></div>") ) );
ready
document.createElement
var div00 = document.createElement('div');
var div01 = document.createElement('div');
var div02 = document.createElement('div');
div00.appendChild(div01);
div01.appendChild(div02);
                       
ready
$("<div><div><div></div></div></div>");
ready
document.createElement('div').appendChild(document.createElement('div').appendChild(document.createElement('div')));
 
ready

Revisions

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