Benchmark: createElement vs Jquery detailed

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>

Tests:

createElement
var list = [], n = 0; while(true) { const x = document.createElement('div'); x.classList.add('tabs'); x.setAttribute('id', `tabs`) n++; list.push(); if(n===100000) break; }
JQuery
var list = [], n = 0; while(true) { n++; list.push( $('<div/>') .attr('id', `tabs`) .addClass('tabs') ); if(n===100000) break; }

Rendered benchmark preparation results:

Previous results

Test case name	Result
createElement
JQuery

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.54 Safari/537.36 Edg/95.0.1020.40

Browser/OS: Chrome 95 on Windows

Test name	Executions per second
createElement	4.8 Ops/sec
JQuery	2.8 Ops/sec

createElement vs Jquery detailed (version: 0)