Run results for: Jquery remove VS removeChild

Run details:

User agent: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36

Browser: Chrome 70

Operating system: Windows 7

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
Jquery remove	0.0 Ops/sec
removeChild	671690.8 Ops/sec

HTML Preparation code:

<div id="wrap">
  <div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div>
  <div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div>
  <div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div>
  <div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div>
  <div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div><div class="list-item"></div>
</div>

Script Preparation code:


var el = document.getElementById('');

Tests:

Jquery remove
var elem = $( "#wrap .list-item" ); elem.remove();
removeChild
var elem = document.querySelectorAll('#wrap .list-item'); for( var i = 0; i < elem.length; i++ ){ elem[i].parentNode.removeChild(elem[i]); }