JQuery 엘리먼트 element 스타일 style 변경.

jquery를 써서 html 엘리먼트의 스타일을 변경하고 싶었다.

 $('# ID ').attr("style", "background-color: #f0ffff");

이렇게 하면 배경이 적용 되긴 한다. 하지만 background-color 속성 외에 width, height가 있었다면 사라지고 없다. style 속성에 덮어쓰는 것인가 보다.

이래선 안된다. 기존의 style 속성은 유지하면서 배경만 바꿔야 하는데...

 $('# ID ').css("background", "#f0ffff");

attr 함수가 아닌 css함수로 backround를 줘봤다.
이렇게 하면 기존 설정들은 남아있고 배경색만 변경 된다.