이것은 보다 실용적인 기능입니다. 홀수 행과 짝수 행을 다른 색상으로 설정한 후에는 테이블 데이터를 읽는 경험이 확실히 더 좋아질 것입니다. 그렇지 않으면 데이터가 매우 복잡하고 복잡해 보일 것입니다. 테이블 데이터 행). 이 부분은 실제로 직접 해보셔야 강한 경험을 하실 수 있을 거에요. 아무튼 제가 직접 경험한 거라 참고용으로 남겨두겠습니다~
핵심 JS 스크립트 코드는 다음과 같습니다. (테이블 요소의 id는 각자의 상황에 맞게 조정됩니다. 코드에 포함된 jquery-1.7.min.js는 jquery 공식 홈페이지에서 다운로드할 수 있습니다.)
다음과 같이 코드 코드를 복사합니다.
<script src="jquery-1.7.min.js"></script>
<스크립트>
$(문서).ready(함수(){
SetTableRowColor();
});
//CSS를 사용하여 홀수 행과 짝수 행의 색상을 제어합니다.
함수 SetTableRowColor()
{
$("#Table tr:odd").css("배경색", "#e6e6fa");
$("#Table tr:even").css("배경색", "#fff0fa");
}
</스크립트>