======jQuery - css() Method======
<WRAP left notice 70%>
  * description : jQuery - css() Method
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-04-19
</WRAP>
<WRAP clear></WRAP>
\\
%%jQuery%%를 사용하면 요소들의 스타일을 쉽게 조작할 수 있습니다.\\

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

=====Return a CSS Property=====
지정된 %%CSS%% 속성의 값을 반환하려면 다음 구문을 사용합니다.\\

<code jquery>
css("propertyname");
</code>

다음 예제는 **__첫 번째로__** 일치하는 요소의 배경색 값을 반환합니다.\\
====예제====
<code jquery>
    $(document).ready(function () {
      $("button").click(function () {
        alert("background color= " + $("p").css("background-color"));
      });
    });
</code>

=====Set a CSS Property=====
지정된 %%CSS%% 속성을 설정하려면, 다음 구문을 사용합니다.\\
\\
<code jquery>
css("propertyname", "value");
</code>
\\
다음 예제는 일치하는 **__모든__** 요소에 대한 배경색 값을 설정합니다.\\

====예제====
<code jquery>
    $(document).ready(function () {
      $("button").click(function () {
        $("p").css("background-color", "yellow");
      });
    });
</code>

=====Set Muliple CSS Properites=====
다수의 %%CSS%% 속성을 설정하려면, 다음의 구문을 사용합니다.\\
<code jquery>
css({"propertyname":"value", "propertyname":"value",...});
</code>
\\
다음의 에제에서는 일치하는 **모든** 요소에 대한 배경색과 글꼴 크기를 설정합니다.\\

====예제====
<code jquery>
    $(document).ready(function () {
      $("button").click(function () {
        $("p").css({ "background-color": "yellow", "font-size": "200%" });
      });
    });
</code>





=====jQuery HTML Reference=====
모든 %%jQuery%% %%HTML%% 메서드에 대한 전체 개요를 보려면, [[https://www.w3schools.com/jquery/jquery_ref_html.asp|jQuery HTML/CSS Reference]]로 이동하십시오.

{{tag>오션 jQuery - Get and Set CSS Classes}}