이 기사의 예에서는 jQuery가 테이블 색상의 교대 표시를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. jQuery는 테이블 색상의 교대 표시를 구현합니다 <br> jQuery(문서).ready(함수(){<br> jQuery(".truecolor tr:odd").addClass("color1");<br> jQuery(".truecolor tr:even").addClass("color2");<br> jQuery(".truecolor tr").hover(function(){<br> jQuery(this).addClass("color3")<br> },함수(){<br> jQuery(this).removeClass("color3")<br> });<br> });<br> <br> <style type="text/css"><br> .truecolor {border:1px solid #333;text-align:center;}<br> .truecolor 번째 {배경색:#333; 색상:#FFF;}<br> .color1 {배경 색상:#DDD; 색상:#333;}<br> .color2 {배경색:#EEE; 색상:#333;}<br> .color3 {배경색:#666; 색상:#FFF;}<br> </스타일><br> </머리><br> <br> <테이블 너비="450" class="truecolor"><br> <br> <tr><br> 블로그<br> 저자번째><br> 웹사이트<br> </tr><br> </머리><br> <본체><br> <tr><br> <td>스타일의 댄스</td><br> <td>화덕</td><br> <td>한 줄씩 걸러 색상 변경</td><br> </tr><br> <tr><br> <td>Zhao Lei의 블로그</td><br> <td>자오 레이</td><br> <td>시나 웨이보</td><br> </tr><br> <tr><br> <td>외로운 광장</td><br> <td>웨이춘량</td><br> <td>동급생</td><br> </tr><br> <tr><br> <td>타오바오 UED</td><br> <td>타오바오</td><br> <td>잦은 쇼핑</td><br> </tr><br> </본체><br> </테이블><br> </본문><br> </div>