jQuery에서 style값을 적용시킬때 사용하는 .css() 사용법을 알아보겠습니다.
.css( propertyName, value ) - 기본적인 형태로 속성명과 속성값을 입력
ex) jQuery(obj).css("width", "100px");
.css( propertyName, function(index, value) ) - function을 이용하여 속성명에 해당하는 현재의 속성값을 추출하여 원하는 형태로 변환
ex) jQuery(obj).css("width", function(index){ return index*100});
.css( map ) - map형태로 입력함 {key:value}
ex) jQuery(obj).css({"width":"100px","height":"100px"});
위의 3가지 방식 중 필요에 따라 사용하시면 됩니다. 보통은 .css("width", "100px") 이 방식을 많이 쓰지만 때에 따라 많은 스타일을 적용할려면 map방식을 사용하시면 편리하실테고 두번째 .css( propertyName, function(index, value) ) 이방식은 사용자의 이벤트 발생때 스타일 변경에 사용하시면 요긴하게 쓰일듯 합니다.