Jquery[제이쿼리] CSS변경하기[2]

안녕하세요~ 주니주니 입니다.

어제에 이어 제이쿼리[jquery]로  테이블CSS를 변경해보겠습니다.

재일먼저 스크립트부분에 제이쿼리[jquery]를 사용할 수 있도록 셋팅!
그다음 위화면처럼 코딩해주세요~
그리고 실행을 하면!

이렇게 나온답니다.
자 이제 변경해볼까요?

$('tr:first').css('background','black').css('color','white');
이부분은 tr중 first[첫번째] 부분의 background를 black로
color는 white로 바꾼다는 의미입니다.

첫번째 'tr' 부분의 배경이 검정색으로
글자색은 흰색으로 변경된걸 확인할수있어요!

이제 다른 'tr'부분도 변경해 보도록하겠습니다.
이번에는 홀수 부분의 'tr'을 변경해보도록하겠습니다.
※주의 : 테이블의 'tr'은 tr[0],tr[1],tr[2],tr[3],tr[4] 이렇게 배열형태로 구성

우리가보기에는 이름 부분이 홀수 인거처럼보이지만 배열형태로 구성되어있기때문에
이렇게 나온답니다.! 잘기억해두세요 ㅎㅎ

그럼이제 짝수부분의 'tr'의 CSS를 변경해볼까요

짠~ 이렇게 변경되었답니다.
오늘도 제이쿼리[jquery]로 CSS변경 해보았습니다.
그럼 다음에만나요~