jQuery의 :even 선택자

jQuery의 :even 선택자는 짝수 번째 요소를 선택하는 데 사용됩니다. 이 선택자를 사용하면 짝수 인덱스에 위치한 요소를 쉽게 선택하여 조작할 수 있습니다. 여러 가지 예제를 통해 이 선택자의 활용법을 살펴보겠습니다.

예제 1: 리스트에서 짝수 번째 항목 선택하기

<ul>
  <li>항목 1</li>
  <li>항목 2</li>
  <li>항목 3</li>
  <li>항목 4</li>
  <li>항목 5</li>
</ul>

$("li:even").addClass("even-item");

이 예제는 리스트에서 짝수 번째 항목을 선택하여 "even-item" 클래스를 추가합니다.

예제 2: 테이블에서 짝수 번째 행 선택하기

<table>
  <tr><td>데이터 1</td></tr>
  <tr><td>데이터 2</td></tr>
  <tr><td>데이터 3</td></tr>
  <tr><td>데이터 4</td></tr>
</table>

$("tr:even").addClass("even-row");

이 예제는 테이블에서 짝수 번째 행을 선택하여 "even-row" 클래스를 추가합니다.

예제 3: 그룹에서 짝수 번째 요소 선택하기

<div class="group">
  <div>요소 1</div>
  <div>요소 2</div>
  <div>요소 3</div>
  <div>요소 4</div>
</div>

$(".group div:even").addClass("even-element");

이 예제는 그룹에서 짝수 번째 요소를 선택하여 "even-element" 클래스를 추가합니다.

jQuery의 :even 선택자를 활용하면 짝수 번째 요소를 쉽게 선택하여 조작할 수 있습니다.