jQuery vs createElement (v157)

Revision 157 of this benchmark created by mkk 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>

Setup

var root = document.createElement("div");
    root.id = "root";
    document.body.appendChild(root);

Teardown


    $("#root").remove();

Test runner

Ready to run.

Testing in
TestOps/sec
$('<div>')
$("#root").append($('<div>'));
ready
$('<div></div>')
$("#root").append($('<div></div>'));
ready
document.createElement
$("#root").append($(document.createElement('div')));
ready
$.parseHTML('<div>')
$("#root").append($.parseHTML('<div>'));
ready
$.parseHTML('<div></div>')
$("#root").append($.parseHTML('<div></div>'));
ready

Revisions

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