<div class="codetitle"> <span><a style="CURSOR: pointer" data="4253" class="copybut" id="copybut4253" onclick="doCopy('code4253')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code4253"> <br><style type="text/css"> <br> body { <br>font-size:12px; text-align:center; <br>#tbStu { <br>width:260px;border:1px solid #666;배경색상:#eee ; <br>} <br>#tbStu tr { <br>line-height:23px <br>} <br>#tbStu tr th { <br> background-color:#ccc;color:#fff; >} <br>#tbStu .trOdd { <br>배경색:#fff; <br>} <br></style><br><script src="jQuery/jquery-1.9.1.js "> </script> <br><script type="text/javascript"> <br>//일반적인 JS 작성 방법<br>//window.onload = function () { <br>// var oTb = document .getElementById('tbStu'); <br>// for (var i = 0; i < oTb.rows.length-1; i ) { <br>// if (i % 2) <br>// { <br>// oTb.rows[i].className = "trOdd" <br>// } <br>// } <br>//} <br>//jQuery 선택자 작성 방법 (테이블 행 선택, 다른 행 선택, 행 선택) <br>$(function () { <br>$('#tbStu tr:nth-child(even)').addClass("trOdd"); <br>//jQuery는 DIV의 내용을 복사할 때 DIV가 존재하는지 감지할 필요가 없습니다. <br>// $('#divMain').html('This is a 감지 페이지'); }) <br></script> <br><body> <br><table id="tbStu" cellpadding="0" cellpacing="0" > ><tbody> <br><tr> <br>학생번호번째>이름번째>성별번째>파트 <br> </tr> <br><tr> <br><td>1001</td> <td>장샤오밍</td> <td>남성</td>< td>320 <br> </tr> <tr> <br><td> ;td>350</td> <br> </tr> <tr> <br><td>1003</td> <td>장삼</td> <td>남</td>150<br> </tr> <br> </tbody> <br> <br> <br> </div>
