jQuery의 요소 선택자 (“요소명”)

jQuery의 요소 선택자는 HTML 요소를 선택하는 데 사용됩니다. 이 선택자를 사용하면 특정한 HTML 요소를 쉽게 선택하여 조작할 수 있습니다. 여러 가지 예제를 통해 이 선택자의 활용법을 살펴보겠습니다.

예제 1: 모든

요소 선택하기

<p>첫 번째 단락</p>
<p>두 번째 단락</p>
<p>세 번째 단락</p>

$("p").addClass("highlight");

이 예제는 모든

요소를 선택하여 "highlight" 클래스를 추가합니다.

예제 2: 모든 요소 선택하기

<a href="#">링크 1</a>
<a href="#">링크 2</a>
<a href="#">링크 3</a>

$("a").addClass("link");

이 예제는 모든 요소를 선택하여 "link" 클래스를 추가합니다.

예제 3: 모든 요소 선택하기

<input type="text" placeholder="이름">
<input type="email" placeholder="이메일">
<input type="password" placeholder="비밀번호">

$("input").addClass("input-field");

이 예제는 모든 요소를 선택하여 "input-field" 클래스를 추가합니다.

jQuery의 요소 선택자를 활용하면 HTML 요소를 쉽게 선택하여 스타일이나 동작을 조작할 수 있습니다.