wiki:javascript:jquery:jquery_note:jquery_css

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:javascript:jquery:jquery_note:jquery_css [2021/04/19 07:41]
emblim98 만듦
+++ wiki:javascript:jquery:jquery_note:jquery_css [2023/01/13 18:44] (현재)
@@ 줄 11: / 줄 11: @@
 =====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>

/volume1/web/dokuwiki/data/attic/wiki/javascript/jquery/jquery_note/jquery_css.1618785702.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)