wiki:javascript:jquery:jquery_note:jquery_selector

차이

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

차이 보기로 링크

--- wiki:javascript:jquery:jquery_note:jquery_selector [2021/06/02 11:47]
emblim98 만듦
+++ wiki:javascript:jquery:jquery_note:jquery_selector [2023/01/13 18:44] (현재)
@@ 줄 18: / 줄 18: @@
   <h1>Welcome to My Homepage</h1>
-  <p class="intro">My nameis Donald.</p>
+  <p class="intro">My name is Donald.</p>
-  <p>I live in Duckburg.</p>
+  <p>I live in Duckburg</p>
-  <p>My best friend is Mickey.</p>
+  <p>My best friendis Mickey</p>
-  <p>Who is your favourites:</p>
+  <p>Who is your favourite:</p>
   <ul id="choose">
     <li>Goofy</li>
     <li>Mickey</li>
-    <li>Plute</li>
+    <li>Pluto</li>
   </ul>
   <script>
     $(document).ready(function () {
-      $('*').css('background-color', 'yellow');
+      $('body *').css('background-color', 'crimson');
+      /* body 내부의 모든 요소들만을 선택하여 배경색 변경 */
     });
   </script>
@@ 줄 51: / 줄 51: @@
 ====Example====
+%%<body>%% 내부의 모든 요소들을 선택합니다.\\
+%%*%% 선택자를 사용하여 %%<body>%% 요소 내부의 모든 요소들을 선택합니다.\\
+<code jquery>
+<body>
+  <h1>Welcome to My Homepage</h1>
+  <p class="intro">My name is Donald.</p>
+  <p>I live in Duckburg</p>
+  <p>My best friendis Mickey</p>
+  <p>Who is your favourite:</p>
+  <ul id="choose">
+    <li>Goofy</li>
+    <li>Mickey</li>
+    <li>Pluto</li>
+  </ul>
+  <script>
+    $(document).ready(function () {
+      $('body *').css('background-color', 'crimson');
+      /* body 내부의 모든 요소들만을 선택하여 배경색 변경 */
+    });
+  </script>
+</body>
+</code>
 {{tag>오션 jQuery * Selector box-sizing}}

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