Run results for: NativeGet vs NativeQuery vs EarthJS vs jQuery

Run details:

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

Browser: Chrome 69

Operating system: Windows

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
jQuery	184423.4 Ops/sec
EarthJS	573628.0 Ops/sec
Native Query	1084870.0 Ops/sec
Native Get	1392999.0 Ops/sec

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
function v(type, selector, content) {
        const item = document.querySelectorAll(selector);

        if (type === "html") {
            for (let i = 0; i < item.length; i++) {
                item[i].innerHTML = content;
            }
        } else if(type === "addClass") {
            for (let i = 0; i < item.length; i++) {
                item[i].classList.add(content);
            }
        } else if (type === "removeClass") {
            for (let i = 0; i < item.length; i++) {
                item[i].classList.remove(content);
            }
        } else if (type === "toggleClass") {
            for (let i = 0; i < item.length; i++) {
                item[i].classList.toggle(content);
            }
        }
    }
</script>

<div class="new-page-container"><p id="superID">Hello World</p></div>

Script Preparation code:

document.querySelector(".new-page-container p").classList.remove("test");

Tests:

jQuery
$(".new-page-container p").addClass("test");
EarthJS
v("addClass", ".new-page-container p", "test");
Native Query
document.querySelector(".new-page-container p").classList.add("test");
Native Get
document.getElementById("superID").classList.add("test");

Run results for: NativeGet vs NativeQuery vs EarthJS vs jQuery

comparing the 4 Titans

jQuery

EarthJS

Native Query

Native Get