[jQuery] css 가져오기 변경하기

[jQuery] css 가져오기 변경하기

 

css 가져오기

$("div").css("스타일 속성");
//$("div").css("width");

 

css 변경하기

$("div").css("스타일 속성". "변경할 값");
//$("div").css("width", "200px");

 

예시코드

사이드바의 버튼 클릭시 토글과 같이  나왔다 사라졌다는 하는 기능입니다.

$('.btn').click(function() {
  if ($('aside').css('left') == '0px') {
    $('aside').css('left', '-200px')
  } else {
    $('aside').css('left', '0')
  }
})

 

구현 화면