[Jquery] 제이쿼리로 css 적용하기

보통 css는 css파일에 한데 모아서 사용하는데요,

이벤트(클릭, 스크롤)가 있을때 css를 수정하고 싶을때가 있을때 사용하면 좋습니다.

 

보통 css적용 방식

.box{background:red;}

jquery css 적용방식

$('.box').css('background','red');

위 아래 적용방식은 서로 동일하게 작동합니다.

 

예시(클릭시 css수정)

$('.click').click(function(){
    $('.box').css('background','blue');
  });

click이라는 class가진 요소를 클릭하게 되면 .box 부분 css가 blue로 변경됩니다.