JQuery: test find by class
Test find by class.
Date tested:
4 years ago
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0
Test name
Executions per second
container.find("div.row")
125836.8 Ops/sec
container.find(".row")
257930.9 Ops/sec
$(".row")
233282.1 Ops/sec
Benchmark definition (click to collapse):
HTML Preparation code:
<div id="container"> <div class="row"></div> <div class="row"></div> <div class="row"></div> <div class="row"></div> <div class="row"></div> <div class="row"></div> <div class="row"></div> <div class="row"></div> <div class="row"></div> <div class="row"></div> </div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js'></script>
Script Preparation code:
var container = $("#container");
Tests:
container.find("div.row")
container.find("div.row");
container.find(".row")
container.find(".row");
$(".row")
$(".row");
Open this result on MeasureThat.net