jQuery를 사용한 홀수 행 배경색 변경

아래는 jQuery를 사용하여 테이블의 홀수 행에 배경색을 변경하는 예제입니다.

$( "tr:odd" ).css( "background-color", "#bbbbff" );

설명:

1. $() 함수를 사용하여 jQuery 선택자를 지정합니다.
2. "tr:odd"는 테이블의 홀수 번째 행을 선택합니다.
3. css() 함수를 사용하여 선택된 행의 배경색을 #bbbbff로 변경합니다.

예제 2: 짝수 행에 스타일 변경하기

$( "tr:even" ).css( "background-color", "#ffbbbb" );

설명:
이 예제는 테이블의 짝수 번째 행에 대해 배경색을 변경합니다.

예제 3: 특정 클래스를 가진 행에 스타일 변경하기

$( "tr.special" ).css( "font-weight", "bold" );

설명:
이 예제는 "special" 클래스를 가진 테이블 행에 대해 글꼴을 굵게 변경합니다.