Run results for: delete 2

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.98 Safari/537.36

Browser: Chrome 54

Operating system: Mac OS X 10.12.1

Device Platform: Other

Date tested: 7 years ago

Test name	Executions per second
classList.add/classList.remove	236753.2 Ops/sec
function addClass/function removeClass	157511.8 Ops/sec
jQuery	43423.3 Ops/sec

HTML Preparation code:

<div id="testElement">Test</div>

Script Preparation code:

var API = API || {};
API.classReg=function(className){return new RegExp("(^|\\s+)"+className+"(\\s+|$)");};

API.hasClass=function(o,c){return o.classList.contains(c);};
API.addClass=function(o,c){
	var cArr=c.match(/[a-z][a-z0-9_-]*/gi);
	o.classList.add.apply(o.classList,cArr);
};
API.removeClass=function(o,c){
	var cArr=c.match(/[a-z][a-z0-9_-]*/gi);
	o.classList.remove.apply(o.classList,cArr);
};

API.hasClassS=function(o,c){return API.classReg(c).test(o.className);};
API.addClassS=function(o,c){
	var cList=c.split(' ');
	if(!API.hasClassS(o,cList[0])){
		if(o.className != '') cList[0]=' '+cList[0];
		o.className=o.className+cList[0];
	}
	if(cList.length > 1) API.addClassS(o,cList.slice(1).join(' '));
};
API.removeClassS=function(o,c){
	var cList=c.split(' ');
	if(API.hasClassS(o,cList[0])) o.className=o.className.replace(API.classReg(cList[0]),' ');
	if(cList.length > 1) API.removeClassS(o,cList.slice(1).join(' '));
};

API.hasClassSN=function(o,c){return API.classReg(c).test(o.className);};
API.addClassSN=function(o,c){
	var s='',cArr=c.match(/[a-z][a-z0-9_-]*/gi);
	for(var i=0,len=cArr.length;i<len;i++){
		if(!API.hasClassSN(o,cArr[i])){s+=' '+cArr[i];}
	}
	if(o.className=='') s=s.slice(1);
	o.className=o.className+s;
};
API.removeClassSN=function(o,c){
	var cArr=c.match(/[a-z][a-z0-9_-]*/gi);
	for(var i=0,len=cArr.length;i<len;i++){
		if(API.hasClassSN(o,cArr[i])) o.className=o.className.replace(API.classReg(cArr[i]),' ');
	}
};

var elem = document.getElementById('testElement');

Tests:

classList.add/classList.remove
elem.classList.add('classtest','twoclass');
function addClass/function removeClass
API.addClass(elem,'classtest twoclass');
function addClass/function removeClass S
API.addClassS(elem,'classtest twoclass');
function addClass/function removeClass S N
API.addClassSN(elem,'classtest twoclass');
jQuery
$('#testElement').addClass('classtest twoclass');

delete 2

classList.add/classList.remove

function addClass/function removeClass

function addClass/function removeClass S

function addClass/function removeClass S N

jQuery