jQueryの方法は簡潔に行を隔てて色を変えることとtoggleClassの使用を実現します

 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  




































 
  
 
  
 
  
 
  <br> 
 </div> 
 <br> 
 <strong>          </strong>： 
 <br> 
 <div class="codetitle"> 
  <span><u></u></span>     : 
 </div> 
 <div class="codebody" id="code41905"> 
  <br>$(function() 
  <br>{ 
  <br>$("#table tr").hover(function() 
  <br>{ 
  <br>$(this).addClass("h"); 
  <br>},function() 
  <br>{ 
  <br>$(this).removeClass("h"); 
  <br>}) 
  <br>$("input").click(function() 
  <br>{ 
  <br>if($(this).attr("checked")) 
  <br>{ 
  <br>$(this).closest("tr").addClass("c"); 
  <br>} 
  <br>else 
  <br>{ 
  <br>$(this).closest("tr").removeClass("c"); 
  <br>} 
  <br>}) 
  <br>}) 
  <br> 
 </div> 
 <br> 
 <strong>          </strong>： 
 <br>toggleClass()                      。 
 <br>              。         ，         。          。 
 <br>  ，     "switch"   ，             。 
 <br> 
 <div class="codetitle"> 
  <span><u></u></span>     : 
 </div> 
 <div class="codebody" id="code19879"> 
  <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>}) 
  <br>