티스토리 뷰
반응형
$('.example-class').on('click', function() {
$('.example-class').toggleClass('active');
});
위 코드는 만약 example-class라는 클래스가 여러 요소에 정의되어 있을 경우 모든 요소에 active 클래스가 추가됩니다.
만약 모든 요소가 아니라 선택된 요소에만 클래스를 추가하고 싶다면 아래 처럼 this 키워드를 사용하면 됩니다.
$('.example-class').on('click', function() {
$(this).toggleClass('active');
});
this는 CSS 클래스가 아니라 JavaScript 키워드이기 때문에 ' '가 필요 없습니다.
반응형
'프로그래밍 > JS, jQuery' 카테고리의 다른 글
jQuery 자주 쓰이는 함수 (0) | 2021.04.26 |
---|---|
jQuery 선택자 (0) | 2021.04.26 |
$(document).ready(function(){}); (0) | 2021.04.26 |