jQuery addClass(...) vs attr('class', ...) (v3)

Revision 3 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<ol>
  <li>
    Item
  </li>
  <li>
    Item
  </li>
  <li>
    Item
  </li>
  <li>
    Item
  </li>
  <li>
    Item
  </li>
  <li>
    Item
  </li>
  <li>
    Item
  </li>
  <li>
    Item
  </li>
</ol>

Test runner

Ready to run.

Testing in
TestOps/sec
addClass
var $li = $('li');
$li.addClass('test');
ready
attr class
var $li = $('li');
$li.attr('class', 'test');
ready
{ "class": foo }
var $li = $('li', { "class": "test" });
ready
$("<li class='test'>")
var $li = $("<li class='test'>")
ready

Revisions

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