04.jQuery - Even, Odd ( 04.EvenOdd )

Godffs 2009. 11. 5. 11:48

Even : 짝수, Odd : 홀수에 관련된 예제입니다.

[ 기본필터 ]

표현식	설명
:first	선택된 개체들 중 첫 번째 요소와 일치합니다.
:last	선택된 개체들 중 마지막 요소와 일치합니다.
:not(selector)	괄호에 주어진 셀렉터와 일치되는 모든 요소를 제외합니다.
:even	짝수 요소들과 일치합니다. (0부터 시작)
:odd	홀수 요소들과 일치합니다. (0부터 시작)
:eq(index)	인덱스에 해당하는 단일 요소와 일치합니다.
:gt(index)	주어진 인덱스보다 높은 인덱스를 갖는 모든 요소와 일치합니다.
:lt(index)	주어진 인덱스보다 낮은 인덱스를 갖는 모든 요소와 일치합니다.
:header	모든 헤더 요소들(h1, h2, h3 등)과 일치합니다.
:animated	현재 애니메이션이 동작중인 모든 요소와 일치합니다.

[ 출처 : Taeyo ]

04.EvenOdd.htm

<head>

.redColor

{

background-color:Red;

}

.yellowColor

{

background-color:Yellow;

}

</style>

$(document).ready(function(){

//[1] 홀수번째 배경색으로 red로 하고 싶다? odd = 홀수

$('tr:odd').addClass('redColor');

//[2] tr 태그 중 짝수번째 배경색을 blue로 하고자 한다면? even = 짝수

$('tabletr:even').addClass('yellowColor');

});

</script>

</head>

<body>

<table>

<tr>

<td>

Window Server(0번째 : 짝수)

</td>

</tr>

<tr>

<td>

SQL Server

</td>

</tr>

<tr>

<td>

Visual Studio

</td>

</tr>

<tr>

<td>

DotNetNuke

</td>

</tr>

</table>

</body>

</html>

결과화면

[그림4-1]

04.EvenOdd.htm

저작자표시 비영리 동일조건 (새창열림)