jQuery css() 메서드

jQuery css() 메서드

css() 메서드는 선택된 요소의 하나나 여러 가지 스타일 속성을 설정하거나 반환합니다。

CSS 속성 반환

지정된 CSS 속성의 값을 반환하려면 다음과 같은 문법을 사용하세요：

css("propertyname");

아래의 예제는 첫 번째 일치하는 요소의 background-color 값을 반환합니다：

예제

$("p").css("background-color");

직접 시도해 보세요

CSS 속성 설정

지정된 CSS 속성을 설정하려면 다음과 같은 문법을 사용하세요：

css("propertyname",value");

아래의 예제는 모든 일치하는 요소에 background-color 값을 설정합니다：

예제

$("p").css("background-color","yellow");

직접 시도해 보세요

여러 개의 CSS 속성 설정

여러 개의 CSS 속성을 설정하려면 다음과 같은 문법을 사용하세요：

css("propertyname":value",propertyname":value",...});

아래의 예제는 모든 일치하는 요소에 background-color와 font-size를 설정합니다：

예제

$("p").css({"background-color":"yellow","font-size":"200%"});

직접 시도해 보세요

jQuery HTML 참조 가이드

jQuery CSS 메서드의 전체 내용에 대해 더 알고 싶다면, 우리의 jQuery CSS 작업 참조 가이드