dQuery vs jQuery - Inserting DOM Elements (v2)

Revision 2 of this benchmark created by Steel Brain on February 3, 2015

Description

Preparation HTML

<script src="https://newsindex.pk/assets/upgrade/main.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$.noConflict();
</script>
<div id="myElement">
 <div id="myChild">
  <span class="first"></span><span class="second"></span><span class="third"></span>
 </div>
</div>

Test runner

var myElement = jQuery("#myElement");
window.myChild = window.myChild || jQuery("#myChild").clone();
window.i = window.i || 1;
window.i++;
if(window.i >= 25){
 myElement.html('');
 window.i = 1;
} else {
 myElement.append(window.myChild)
}
 

var myElement = $("#myElement");
window.maChild = window.maChild || $("#myChild").clone();
window.ii = window.ii || 1;
window.ii++;
if(window.ii >= 25){
 myElement.html('');
 window.ii = 1;
} else {
 myElement.append(window.maChild)
}
 

Revisions

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

• Revision 1: published by Steel Brain on January 14, 2015
• Revision 2: published by Steel Brain on February 3, 2015
• Revision 3: published by Steel Brain on February 5, 2015