본문 바로가기

자바스크립트/자바스크립트

jQuery - css적용하기

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) )  이방식은 사용자의 이벤트 발생때 스타일 변경에 사용하시면 요긴하게 쓰일듯 합니다.