jQuery * Selector

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

The source of this article

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>

오션, jQuery, *, Selector, box-sizing

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

목차

jQuery * Selector

The source of this article

Example

Definition and Usage

Syntax

Example

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

사용자 도구

사이트 도구

목차

jQuery * Selector

The source of this article

Example

Definition and Usage

Syntax

Example

문서 도구