Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36
Chrome 76
Mac OS X 10.14.5
Desktop
4 years ago
Test name Executions per second
Select Element by ID - Javascript 4207772.0 Ops/sec
Change CSS - jQuery 250300.7 Ops/sec
Change CSS - Javascript 618243.3 Ops/sec
Select Element by ID - jQuery 1599031.0 Ops/sec
Change inner text - Javascript 6831972.0 Ops/sec
Change inner text - jQuery 174548.3 Ops/sec
Get element by tag name - Javascript 3497280.0 Ops/sec
Get element by tag name - jQuery 600825.1 Ops/sec
Get element by name - Javascript 42363.9 Ops/sec
Get element by name - jQuery 32178.5 Ops/sec
Get element by existing attribute - Javascript 41812.0 Ops/sec
Get element by existing attribute - jQuery 33970.3 Ops/sec
Get element by class name - Javascript 4011183.0 Ops/sec
Get element by class name - jQuery 724611.8 Ops/sec
Select sub-element - Javascript 3035790.0 Ops/sec
Select sub-element - jQuery 1015037.0 Ops/sec
Loop through elements - Javascript 335411.2 Ops/sec
Loop through elements - jQuery 10135.8 Ops/sec
Add and remove Element - Javascript 135575.7 Ops/sec
Add and remove Element - jQuery 37029.8 Ops/sec
Add and Remove Class - Javascript 491424.1 Ops/sec
Add and Remove Class - jQuery 171905.9 Ops/sec
HTML Preparation code:
Script Preparation code:
Tests:
  • Select Element by ID - Javascript

  • Add and remove Element - jQuery

  • Add and remove Element - Javascript

  • Loop through elements - jQuery

  • Loop through elements - Javascript

  • Select sub-element - jQuery

  • Select sub-element - Javascript

  • Get element by class name - jQuery

  • Get element by class name - Javascript

  • Get element by existing attribute - jQuery

  • Get element by existing attribute - Javascript

  • Get element by name - jQuery

  • Get element by name - Javascript

  • Get element by tag name - jQuery

  • Get element by tag name - Javascript

  • Change inner text - jQuery

  • Change inner text - Javascript

  • Select Element by ID - jQuery

  • Change CSS - Javascript

  • Change CSS - jQuery

  • Add and Remove Class - Javascript

  • Add and Remove Class - jQuery