모든 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>
요소 선택자(element selector)는 특정 요소 이름을 가지고 있는 모든 요소를 선택합니다.
$("element")
| Parameter | Description |
|---|---|
| element | 필수입니다. 선택할 요소를 지정합니다. |
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>