<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>} <br>#tbStu { <br>width:260px;border:1px plain #666;background-color:#eee ; <br>} <br>#tbStu tr { <br>line-height:23px; <br>} <br>#tbStu tr th { <br>background-color:#ccc;color:#fff; >} <br>#tbStu .trOdd { <br>background-color:#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>// if (i % 2) <br>// { <br>// oTb.rows[i].className = "trOdd"; <br>// } <br>// } <br>//} <br>//jQueryセレクターの書き方(テーブル行を選択、1 行おき、行を選択) <br>$(function () { <br>$('#tbStu tr:nth-child(even)').addClass("trOdd"); <br>//jQuery は、DIV のコンテンツをコピーするときに、DIV が存在するかどうかを検出する必要はありません <br>// $('#divMain').html('これは検出ページです'); }) <br></script> <br><body> <br><table id="tbStu" cellpadding="0" > ><tbody><tr><br></th><th>名前</th><th><th>パート</ <BR><BR><tr><BR><td>1001</td><td>張暁明</td>男性</td><BR> td>320</tr><BR><td>350<BR></tr> <BR><tr><BR><td>1003<td>張三<td>男性<BR> </tr> <br></tbody> <br></body></otb.rows.length-1> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
