<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%20"> </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> <br><table id="tbStu" cellpadding="0" cellpacing="0"> ><tbody> <br><tr> <br>학생번호번째>이름번째>성별번째>파트 <br> </tr> <br><tr> <br><td>1001</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> </table> <br> <br> </div>