Run results for: Test Types of DOM Appending

Run details:

User agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; Trident/7.0; rv:11.0) like Gecko

Browser: IE 11

Operating system: Windows 7

Device Platform: Other

Date tested: 7 years ago

Test name	Executions per second
jQuery	1552.9 Ops/sec
String	1244.7 Ops/sec

HTML Preparation code:

<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<div id="appendTo"></div>

Script Preparation code:

var elemId = 'removeThis',
    elemIndex = 0,
    elemLang = 'en',
    elemTitle = 'dummyTitle',
    elemText = 'dummyText';

Tests:

jQuery
var foo = $('<span>',{ id: elemId, lang: elemLang, title: elemTitle, tabindex: elemIndex }).text(elemText); $('#appendTo').append(foo); $('#removeThis').remove();
String
var foo = '<span id="' + elemId + '" lang="' + elemLang + '" title="' + elemTitle + '" tabindex="' + elemIndex + '">' + elemText + '</span>'; $('#appendTo').append(foo); $('#removeThis').remove();