제이쿼리, 자바스크립트에 css 표현하는 방법

제이쿼리 안에 css 적용하는 방법은 

         $("css속성 적용할 #id 나 .class명").css( );   이렇게 표현된다. 

 

 

1) 한가지 속성만 적용할 때

 만약, id = "select" 인 곳에 빨간색 css속성만 넣고 싶다면 

$('SELECTOR').css('color','red');

이렇게 표현 하면 된다.

 

 

 

2) 두가지 속성을 적용할 때

 만약, id = "select" 인 곳에 여러가지 css속성을 넣고 싶다면 

$('SELECTOR').css({                                                                           padding:"12px 0 19px 0"                    ,"text-align": "right"                         ,color: "#9a9a9a"                            ,"font-size": "13px"                          ,"border-bottom": "1px solid #ececec" });

이렇게 표현 하면 된다.

이 때 주의사항은 '-'가 포함된 css속성명은 " "안에 표현해야 한다.

값은 모두 " " 안에 표현

 

참고: www.everdevel.com/jQuery/css-control/