문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

======jQuery * Selector======
<WRAP left notice 70%>
  * description : jQuery * Selector
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-06-02
</WRAP>
<WRAP clear></WRAP>
\\
====The source of this article====
[[https://www.w3schools.com/jquery/sel_all.asp|jQuery * Selector]]\\

====Example====
문서(document) 내부의 모든 요소들을 선택합니다.\\
<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>

=====Definition and Usage=====
%%*%% 선택자는 %%html, head%% 및 %%body%%를 포함하여 문서의 모든 요소를 선택합니다.\\
\\
%%*%% 선택자가 다른 요소와 함께 사용되는 경우, 지정된 요소 내부의 모든 하위(자식, child) 요소를 선택합니다.\\
\\
**Tip:** %%*%% 선택자는 일부 브라우저에서 처리하기가 무거울 수 있습니다.\\

=====Syntax=====
<code jquery>
$("*")
</code>

====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}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구