DEVLOG

[Javascript] .hasClass()를 javascript로 바꾸기 본문

frontend/javascript

[Javascript] .hasClass()를 javascript로 바꾸기

meroriiDev 2021. 1. 20. 15:38
728x90
반응형

class값을 갖고있는지 판단하는 .hasClass() jQuery문법을

javascript로 바꾸려면??

 

classList를 활용하자!

 

classList에는 add, remove, item, toggle, contains, replace등의 메서드들이 있다

이중에서 클래스가 포함되어있는지 확인해주는 contains를 메서드를 사용하면 아주우~ 쉽게 javascript로 바꿀 수 있다!

if (!$('.event-btn').hasClass('on')) return;

 

if (!document.querySelector('.event-btn').classList.contains('on')) return;

그 외 다른 메서드 살펴보고싶다면 요기↓

developer.mozilla.org/ko/docs/Web/API/Element/classList

 

728x90
반응형
Comments