사용자 도구

사이트 도구


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>   <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">   <ul id="choose">
     <li>Goofy</li>     <li>Goofy</li>
     <li>Mickey</li>     <li>Mickey</li>
-    <li>Plute</li>+    <li>Pluto</li>
   </ul>   </ul>
   <script>   <script>
     $(document).ready(function () {     $(document).ready(function () {
-      $('*').css('background-color', 'yellow');+      $('body *').css('background-color', 'crimson'); 
 +      /* body 내부의 모든 요소들만을 선택하여 배경색 변경 */
     });     });
   </script>   </script>
줄 51: 줄 51:
  
 ====Example==== ====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}} {{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 (바깥 편집)