現在、単純なメソッド toggleClass() を使用してインターレース カラー変更を実装しています。コードは次のとおりです: コードをコピーコードは次のとおりです: 🎜> 代替行の色変更 <br><style type= "text/css"> <br>body,table,td, { <br>font-family:Arial, Helvetica, sans-serif; <br>font-size:12px; { <br>背景:# f3f3f3; <br>色:#000; <br>.c { <br>背景:#ebebeb; <br>} <br> </style> <br><body> <br><form> " width="50%" border="0" cellpadding="3" cellpacing="1"> <br><tr> <br><td width="30" align="center">< ;input type="checkbox" name="checkbox" class="check1" value="checkbox" /></td><br><td>ブルー メープル フロント エンド</td> td>ブルー メープル フロント エンド<br><tr><BR><td align="center"><input type="checkbox" name="checkbox " class="check1" value ="checkbox" /></td> <br><td>ブルー メイプル フロント エンド</td> <br><td>ブルー メイプル フロント エンド</td> <br></tr> <br><tr> <br><td align="center"><input type="checkbox" name="checkbox" class="check1" value="checkbox" /></td> <br><td>ブルーメイプルフロントエンド</td> ;td align="center"<input type="checkbox" name="checkbox" class="check1" value="checkbox" /></td> <br><td>ブルー メイプル フロント エンド <br><td> ;ブルー メイプル フロント エンド</td> <br><tr><td align="center"<input type="checkbox" class="check1" value="checkbox" /></td> <br><td>ブルーメイプルフロントエンド</td> <br><td>ブルーメイプルフロントエンド</td> ></tr> <br><tr> <br><td align="center"><input type="checkbox" name="checkbox" class="check1" value="checkbox" / ></td><br><td>ブルーメイプルフロントエンド</td><br></tr> tr> <br><td align="center"><input type="checkbox" name="checkbox" class="check1" value="checkbox" / ></td>< ;td>ブルー メープル フロント エンド<br><td>ブルー メープル フロント エンド</td> <br></div> script> <br><br> <br><br>最初のより複雑なメソッド <br>: <br><br><br><br><br> コードをコピーします<br><br><br>コードは次のとおりです:<br><br> <br>$(function() <br>{ <br>$ ("#table tr").hover(function() <br>{ <br>$(this ).addClass("h"); <br>},function() <br>{ <br>$(this ).removeClass("h"); <br>$("input") .click(function() <br>{ <br>if($(this).attr("checked")) </div>{ <br>$(this).closest("tr").addClass("c "); <strong>} </strong>else <br>{ <div class="codetitle">$(this).closest("tr ").removeClass("c"); <span>} <a style="CURSOR: pointer" data="28205" class="copybut" id="copybut28205" onclick="doCopy('code28205')">}) <u>} ) </u></a> </span> </div>2 番目の簡単なメソッド <div class="codebody" id="code28205">: <br> toggleClass() 選択した要素の 1 つ以上のクラスの設定または削除を切り替えます。 <br>このメソッドは、各要素で指定されたクラスをチェックします。クラスが存在しない場合は追加し、設定されている場合は削除します。これをトグル効果と呼びます。 <br>ただし、「switch」パラメータを使用すると、クラスのみを削除するか、または追加のみを行うように指定できます。 <br><br><br><br><br>コードをコピー<br><br><br> コードは次のとおりです。<br><br> <br>$(function(){ <br> $(" #table tr").hover(function(){ <br>$(this).toggleClass("h"); <br>}) <br>$("input").click(function() { <br>var d = $(this); <br>d.closest('tr').toggleClass("c",d.attr("checked")) ; <br>}) <br>}) </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
