티스토리 뷰

프로그래밍/JS, jQuery

this

goodmean 2021. 4. 26. 10:30
반응형
$('.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
반응형
최근에 올라온 글
Total
Today
Yesterday
글 보관함