Run results for: attribute selector

Run details:

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

Browser: Chrome 128

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Vanilla	1789560.5 Ops/sec
JQuery	348597.0 Ops/sec

HTML Preparation code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="items-wrapper">
    <div class="item">Hans</div>
    <div class="item">Done</div>
    <div class="item">Xaver</div>
    <div class="item">Fredl</div>
    <div class="item" rel="js--items-wrapper__item">Sepp</div>
</div>

<div class="wrapper-x">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus necessitatibus nihil nulla praesentium. A
    accusamus consequuntur, facilis fugit minus, nulla odio qui quod quos repudiandae, sequi similique voluptas
    voluptate voluptates.
</div>

<div class="wrapper-y">
    <div class="test">Hans</div>
</div>
</body>
</html>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>

Tests:

Vanilla
var vanilla = document.querySelector("[rel='js--items-wrapper__item']");
JQuery
var jquery = $("[rel='js--items-wrapper__item']");

Run results for: attribute selector

Vanilla

JQuery