[javascript] 제이쿼리와 자바스크립트 Class 제어 비교

jQuery class 제어 

$( '#element' ).addClass( 'className' );  
$( '#element' ).removeClass( 'className' );  
$( '#element' ).hasClass( 'className' ); 
$( '#element' ).toggleClass( 'className' );
$( '#element' ).switchClass('oldClass', 'newClass'); 

 

javascript class제어

const element = document.getElementById( 'element' ); 

// 다수의 클래스는 , 로 구분
element.classList.add( 'className','otherClass' ); 
element.classList.remove( 'className' );  
element.classList.contains( 'className' );  
element.classList.toggle( 'className' );
element.classList.replace( 'oldClass', 'newClass' );