목차

jQuery * Selector

  • description : jQuery * Selector
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-06-02


The source of this article

jQuery * Selector

Example

문서(document) 내부의 모든 요소들을 선택합니다.

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

Definition and Usage

* 선택자는 html, head 및 body를 포함하여 문서의 모든 요소를 ​​선택합니다.

* 선택자가 다른 요소와 함께 사용되는 경우, 지정된 요소 내부의 모든 하위(자식, child) 요소를 선택합니다.

Tip: * 선택자는 일부 브라우저에서 처리하기가 무거울 수 있습니다.

Syntax

$("*")

Example

<body> 내부의 모든 요소들을 선택합니다.
* 선택자를 사용하여 <body> 요소 내부의 모든 요소들을 선택합니다.

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