Class vs Css

Benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<style type="text/css">
  div.bordered { border: solid medium black }
</style>
<div id="div" class="class1 class2">
  Abc
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
ToggleClass
$('#div').toggleClass('bordered');
$('#div').toggleClass('bordered');
ready
Add Remove Class
$('#div').addClass('bordered');
$('#div').removeClass('bordered');
ready
Add Remove Css
$('#div').css('border', 'solid medium black');
$('#div').css('border', 'none');
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.