jQuery element Selector

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

The source of this article

Example

모든 p 요소를 선택합니다.

<body>
 
  <h1>Welcome to My Homepage</h1>
  <p class="intro">My name is Donald.</p> <!-- 배경색 변경 -->
  <p>I live in Duckburg</p> <!-- 배경색 변경 -->
  <p>My best friend is Mickey</p> <!-- 배경색 변경 -->
 
  who is your favourite:
  <ul id="choose">
    <li>Goofy</li>
    <li>Mickey</li>
    <li>Pluto</li>
  </ul>
 
  <script>
    $(document).ready(function () {
      $('p').css("background-color", "orange");
    }); /* 모든 p 요소의 배경색이 orange로 변합니다. */
 
  </script>
</body>

Definition and Usage

요소 선택자(element selector)는 특정 요소 이름을 가지고 있는 모든 요소를 선택합니다.

Syntax

$("element")

Parameter	Description
element	필수입니다. 선택할 요소를 지정합니다.

Example

intro 클래스를 가진 모든 p 요소들을 선택합니다.
intro 클래스를 가진 모든 p 요소들을선택하는 방법.

<body>
 
  <h1>Welcome to My Homepage</h1>
  <p class="intro">My name is Donald.</p> <!-- 텍스트 컬러 변경 -->
  <p>I live in Duckburg.</p>
 
  <p class="intro">My name is Dolly.</p> <!-- 텍스트 컬러 변경 -->
  <p>I live in Duckburg</p>
 
  <script>
    $(document).ready(function () {
      $('p.intro').css('color', 'crimson');
    });
  </script>
 
</body>

오션, jQuery, element, Selector

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

목차

jQuery element Selector

The source of this article

Example

Definition and Usage

Syntax

Example

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

사용자 도구

사이트 도구

목차

jQuery element Selector

The source of this article

Example

Definition and Usage

Syntax

Example

문서 도구