jQuery vs createElement (v277)

Revision 277 of this benchmark created by Björn Eberhardt 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 type="text/javascript">
// https://github.com/ern0/jquery.create/blob/master/jquery.create.js
    (function($) {
        $.create = function(tag,id) {
            elm = document.createElement(tag.toUpperCase());
            if (typeof(id) != "undefined") elm.id = id;
            return $(elm);
        }; // $.create()
    }(jQuery));
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
$('<div>')
$('<div>')
ready
$('<div></div>')
$('<div></div>')
ready
document.createElement
$(document.createElement('div'))
ready
$.create('div')
$.create('div')
ready

Revisions

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