jQuery element creation w/ Attributes

JavaScript performance comparison

Revision 20 of this test case created by Anderson

Info

I liked http://jsperf.com/jquery-element-creationyay/6 but the last test wasn't equivalent as it was not creating a JQUERY instance of the new element.

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
jQuery create1
$('<div id="id" class="class">some Text</div>');
pending…
jQuery create2
$('<div/>').attr({
 id: 'id'
}).addClass('class').html('some Text');
pending…
jQuery create with document.createElement
$(document.createElement('div')).attr({
 id: 'id'
}).addClass('class').html('some Text');
pending…
jQuery >= 1.4 create
$('<div/>', {
 id: 'id',
 'class': 'class',
 html: 'some Text'
});
pending…
create Element
var e = document.createElement('div');
e.id = 'id';
e.class = 'class';
e.innerHTML = 'some Text';

var $e = $(e);
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

0 comments

Add a comment