Add Class (v2)

Revision 2 of this benchmark created on

Preparation HTML

<div id="test"></div>

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

Setup

var Utils = Utils || {};
    Utils.hasClass = function(elem, className) {
        return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');
    };
     
    Utils.addClass = function(elem, className) {
        if (!Utils.hasClass(elem, className)) {
            elem.className += ' ' + className;
        }
    };

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery's addClass
$("#test").addClass('test');
ready
JavaScript's classList
document.getElementById('test').classList.add('test')
ready
JavaScript's custom
Utils.addClass(document.getElementById('test'), 'test')
ready

Revisions

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