addClass

클래스 추가 및 제거

(addClass/removeClass) < - > (classList.add/classList.remove)

//radius20번을 클릭하면 클래스를 추가시켜주세요
$(".radius20").click(function(){
     $(".radius20").addClass("active");
});

document.querySelector(".radius20").addEventListener("click",function(){ 
     document.querySelector(".radius20").classList.add("active");
});

글씨색 바꾸기

(css) < - > (style)

//radius20번 클릭하면 글씨색을 파란색으로 변경 
$(".radius20").click(function(){
$(this).css("color","blue");
 });

document.querySelector(".radius20").addEventListener("click",function(){ 
 document.querySelector(".radius20").style.color = "purple";
});