사용자 도구

사이트 도구


wiki:javascript:jquery:jquery_note:jquery_multiple_elements_selector

차이

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

차이 보기로 링크

다음 판
이전 판
wiki:javascript:jquery:jquery_note:jquery_multiple_elements_selector [2021/06/02 15:00]
emblim98 만듦
wiki:javascript:jquery:jquery_note:jquery_multiple_elements_selector [2023/01/13 18:44] (현재)
줄 13: 줄 13:
 ====Example==== ====Example====
 모든 %%<h2>%%, %%<div>%%, %%<span>%% 요소들을 선택합니다.\\ 모든 %%<h2>%%, %%<div>%%, %%<span>%% 요소들을 선택합니다.\\
- 
 <code jquery> <code jquery>
 <body> <body>
- 
   <h1>Welcome to My Homepage</h1>   <h1>Welcome to My Homepage</h1>
   <h2>Nice to meet you</h2> <!-- selected & changed -->   <h2>Nice to meet you</h2> <!-- selected & changed -->
줄 23: 줄 21:
  
   <p>How are you?</p>   <p>How are you?</p>
-  <p>I'm fine, <span>thanks.</span></p> +  <p>I'm fine, <span>thanks.</span></p>  
-  <!-- span is selected & changed -->+  <!-- only span selected & changed --> 
 +  
   <script>   <script>
     $(document).ready(function () {     $(document).ready(function () {
-      $('h2, div, span').css({+      $("h2, div, span").css({
         color: "white",         color: "white",
         fontWeight: "bold",         fontWeight: "bold",
-        backgroundColor: 'royalblue',+        backgroundColor: "royalblue",
         textDecoration: "underline"         textDecoration: "underline"
       });       });
     });     });
   </script>   </script>
- +   
-</body>+</body>  
 </code> </code>
  
줄 46: 줄 45:
 =====Syntax===== =====Syntax=====
 <code jquery> <code jquery>
-$("element01element02element03,...")+$("element1element2element3,...")
 </code> </code>
  
-^ Parameter  ^ Description            ^+^ Parameter  ^ Description                          ^
 | element    | 필수입니다. 선택할 요소를 지정합니다.  | | element    | 필수입니다. 선택할 요소를 지정합니다.  |
 \\ \\
-문서(document)에서 모든 요소들을 선택하기 위해 %%*%% 선택자를 사용합니다. +문서(document)에서 모든 요소들을 선택하기 위해 %%*%% 선택자를 사용합니다.\\
  
 +\\
  
  
 {{tag>오션 jQuery multiple element Selector}} {{tag>오션 jQuery multiple element Selector}}
/volume1/web/dokuwiki/data/attic/wiki/javascript/jquery/jquery_note/jquery_multiple_elements_selector.1622613651.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)