jquery는 다른 CSS 값을 사용하여 홀수 및 짝수 행 할당을 구현합니다._jquery

WBOY

풀어 주다： 2016-05-16 17:56:16

원래의

1024명이 탐색했습니다.

효과는 다음과 같습니다.

jquery를 사용하면 위의 효과를 쉽게 얻을 수 있으며 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

 
jquery 홀짝수 행 CSS 효과<br>< script src="http:/ /img.jb51.net/jslib/jquery/jquery.js" type="text/javascript"></script> <br><style type="text/css"> ; <br>/*table 테이블의 짝수 행*/ <br>.tabEven <br>{ <br> background: #9d8e8b; <br>} <br>/*테이블의 홀수 행* / <br>.tabOdd <br>{ <br>배경: #ffffff <br>} <br></style><br><script type="text/javascript"> document).ready(function () { <br>$( "#datalist tr:even").addClass("tabEven"); <br>$("#datalist tr:odd").addClass("tabOdd") ; <br>}) <br></head> <br><body> <br><tr> <td>1행</td>
<br><tr><td>2행</td></tr> <br><tr><td>3행</tr> ; <BR><tr><td>4번째 줄</td></tr> <BR><tr><td>5번째 줄</td>< /tr> <br></table> <br></html></td></tr>

관련 라벨：

奇偶行

원천：php.cn

이전 기사：JavaScript 질문입니다. unlimited_javascript 기술을 추가하는 함수를 다시 작성하세요. 다음 기사：jQuery.getScript는 동일한 domain_jquery에서 JS 코드를 로드합니다.

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

저자별 최신 기사