설계의 품격

$('.example-class').on('click', function() { $('.example-class').toggleClass('active'); }); 위 코드는 만약 example-class라는 클래스가 여러 요소에 정의되어 있을 경우 모든 요소에 active 클래스가 추가됩니다. 만약 모든 요소가 아니라 선택된 요소에만 클래스를 추가하고 싶다면 아래 처럼 this 키워드를 사용하면 됩니다. $('.example-class').on('click', function() { $(this).toggleClass('active'); }); this는 CSS 클래스가 아니라 JavaScript 키워드이기 때문에 ' '가 필요 없습니다.