removeClass/addClass

클릭 시 색 변경하기

- 다른 요소 선택 시, 이전 요소 색은 없어짐

- 선택한 요소에 색 넣기

 

 

소스

JavaScript / jQuery

<script>
$(function(){
  $('.colorChange').click(function(){
    $('redcolor').removeClass();
    $(this).addClass('redcolor');
  })
})
</script>

 

CSS

.on_redcolor{color:red;}

 

HTML

<a href = "#" class = "colorChange">21</a>

//클릭 시 변경된 소스
<a href = "#" class = "colorChange redcolor">21</a>

 

 

예시

21 선택시

 

24 선택시