[jQuery] this를 이용해 버튼 색 바꾸기
안녕하세요. 플입니다. 오늘은 this를 이용해 클릭한 버튼의 색상을 바꿔보겠습니다. 1. 기본 색상 설정 $(".w_btn li button").css({ background:"#fff2d8" , color:"#065471" }); 먼저 기본 색상을 미리 설정해줍니다. 기본 색상 설정은 css로 설정함으로 css() 메서드를 이용해 배경색과 글자색을 정해줍니다. jQuery에서는 값을 ""(따옴표) 안에 넣어주시고, 각각 구분은 ,(쉼표)를 이용합니다. 2. 클릭한 버튼 색상 변경 $(".w_btn li:eq("+$(this).index()+") button").css({ background:"#065471" , color:"#ffc045" }); 클릭한 해당 버튼의 색을 변경하기 위해서는 this를 ..
coding/JavaScript
· 2019. 12. 12. 07:30