Run results for: jQuery css styles set

Run details:

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

Browser: Chrome 137

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

Direct params

2.0M/s

CSS function

53K/s

View exact numbers

Test name	Executions per second
✓ Direct params	1,974,604 Ops/sec
CSS function	53,152 Ops/sec

HTML Preparation code:

<div class="container">
    <div class="item">Lorem</div>
    <div class="item">Ipsum</div>
    <div class="item">Dolor sit</div>
    <div class="item">Amet consectetur</div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>

Tests:

Direct params
$('.item', {style: {width: 100, height: 100}});
CSS function
$('.item').css({width: 100, height: 100});