[jQuery] css 변경하기 (추가, 수정, 삭제)

css의 style 속성을 jQuery를 사용하여 변경하려면 css() 메서드를 사용하고 

css를 추가 하려면 addClass(), 제거하려면 removeClass() 메서드를 사용한다.

 

1. jQuery에서 css 속성을 사용하려면

하나의 속성의 경우

$('요소').css('프로퍼티','값');

예제 -

$('#wrap').css('color','blue');

 

여러 속성의 경우

$('요소').css('프로퍼티':'값','프로퍼티':'값');

예제 -

$('#wrap').css('color':'blue','font-size':'20px');

2. html요소에 css를 추가, 삭제하려면

요소에 class추가하는 경우

$('요소').addClass('class명');

예제 -

$('#wrap').addClass('wrapper');

 

요소에 class를 삭제하는 경우

$('요소').removeClass('class명');

예제 -

$('#wrap').removeClass('wrapper');