jQuery를 사용하면 요소들의 스타일을 쉽게 조작할 수 있습니다.

css() 메서드는 선택한 요소에 대해 하나 이상의 스타일 속성을 설정하거나 반환합니다.

지정된 CSS 속성의 값을 반환하려면 다음 구문을 사용합니다.

css("propertyname");

다음 예제는 첫 번째로 일치하는 요소의 배경색 값을 반환합니다.

    $(document).ready(function () {
      $("button").click(function () {
        alert("background color= " + $("p").css("background-color"));
      });
    });

지정된 CSS 속성을 설정하려면, 다음 구문을 사용합니다.

css("propertyname", "value");

다음 예제는 일치하는 모든 요소에 대한 배경색 값을 설정합니다.

    $(document).ready(function () {
      $("button").click(function () {
        $("p").css("background-color", "yellow");
      });
    });

다수의 CSS 속성을 설정하려면, 다음의 구문을 사용합니다.

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

다음의 에제에서는 일치하는 모든 요소에 대한 배경색과 글꼴 크기를 설정합니다.

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

모든 jQuery HTML 메서드에 대한 전체 개요를 보려면, jQuery HTML/CSS Reference로 이동하십시오.