[jQuery] css 적용 방법에 대해 알아보자

jQuery 를 통해 개체의 CSS를 변경할 수 있는 css() 메소드에 대해 알아봅시다

[지정 방법] 

.css("name")

 - 지정된 name의 속성값을 리턴합니다

.css("name", "value")

 - 지정된 name의 속성값을 value 값으로 지정합니다 (단일지정)

.css({"name":"value", "name":"value", "name":"value"})

 - 지정된 name의 속성값을 value 값으로 지정합니다 (다중지정)

[예제]

<p>TEST CSS</p>
 
<script>
    $('p').css({'color':'red', 'font-weight':'bold'})
<script>

[결과]

TEST CSS

위의 예제는 p 태그 내의 텍스트 색상을 빨간색으로 지정하고, 굵은 모양으로 지정한다