:even 은 요소 집합 세트에서 색인 번호가 짝수인 요소를 선택합니다. 0 을 포함합니다.
원문 링크 
http://api.jquery.com/even-selector/
- jQuery(':even')
눈으로 보이는 순서는 홀수번째 요소가 선택된 것처럼 보입니다. 하지만 인덱스가 '0' 이 초기값이기 때문에 색인 기준으로 보면 사실 짝수번째가 선택되는 것입니다. 조금 헷갈릴 수 있겠네요. 이런 부분은 자주 사용하다 보면 익숙해지는 부분입니다. 너무 걱정마세요.
예 제
테이블에서 인덱스 기준 짝수번째 행들을 선택하여 배경색을 보라색으로 처리합니다.
<!DOCTYPE html>
<html>
<head>
<style>
table {
background:#eeeeee;
}
</style>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
<table border="1">
<tr><td>Row with Index #0</td></tr>
<tr><td>Row with Index #1</td></tr>
<tr><td>Row with Index #2</td></tr>
<tr><td>Row with Index #3</td></tr>
</table>
<script>$("tr:even").css("background-color", "#bbbbff");</script>
</body>
</html>미리보기
보통 이런 부분은 서버사이드 스크립트 언어(asp, jsp, php 등)로 제어하는 부분이였는데요. 자바스크립트의 활용도가 어느정도로 넓어졌는지 확인할 수 있는 부분이 아닐까 합니다. 참 유용한 함수이니 기억해 두시길 바랍니다.
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
| jQuery API 정복 - ~보다 큰 요소 선택하기 : jQuery(':gt(index)') (3) | 2011.02.01 |
|---|---|
| jQuery API 정복 - 첫번째 요소 찾기 : jQuery(':first') (1) | 2011.01.31 |
| jQuery API 정복 - 첫째 자식(?) 찾기 : jQuery(':first-child') (3) | 2011.01.31 |
| jQuery API 정복 - input file 찾기 : jQuery(':file') (0) | 2011.01.29 |
| jQuery API 정복 - 인덱스로 요소 찾기 : jQuery(':eq(index)') (6) | 2011.01.28 |
| jQuery API 정복 - 사용 불가 상태 선택하기 : jQuery(':disabled') (2) | 2011.01.28 |
| jQuery API 정복 - 자식 요소 선택하기 : jQuery('ancestor descendant') (2) | 2011.01.27 |
| jQuery API정복 - 특정 단어 포함 요소 선택하기 : jQuery(':contains(text)') (6) | 2011.01.27 |