セットの背景色、ページのロード

Question

私は、これはばかげた質問

であれば、私はテーブルの色の背景を変更する方法を多くの方法を見てきましたが、特定の行があるときにapoligiseのjQueryの初心者ですクリックまたはホバリング、しかし、私は白のページの読み込み時にに私のテーブルの背景色を設定したい。

私が見たが、このしようとテーブルの背景色を設定するには

$(function() { 
     $('tr').hover(function() { 
      $(this).css('background-color', '#FFFF99'); 
      $(this).contents('td').css({'border': '1px solid red', 'border-left': 'none', 'border-right': 'none'}); 
      $(this).contents('td:first').css('border-left', '1px solid red'); 
      $(this).contents('td:last').css('border-right', '1px solid red'); 
     }, 
     function() { 
      $(this).css('background-color', '#FFFFFF'); 
      $(this).contents('td').css('border', 'none'); 
     }); 
    }); 

Answer 1

は、このコードを、それを書き留めて、それが仕事.....

$(document).ready(function() { 
    $("#table_id").css("background-color", "#FFFF99"); 
}); 

のtable_idはテーブルのIDです

.....

Answer 2

以下のようなものである必要がありすなわちコード：myTableはあなたのテーブルのIDです

$(function() { 
    $("#myTable").css("background-color", "#FFF"); 

    // $("tr").hover(...... 

}); 

が。しかし、これがページの読み込み時に常に行われるようにするには、それがCSSのために設計されているようにしてください。

Answer 3

これを行うには、実際にjqueryは必要ありません。これはすべて単純なCSSで行うことができます。あなたのテーブルの上にbackground-colorを設定するよう

tr:hover 
{ 
    background-color:#FFFF99; 
} 
tr:hover td 
{ 
    styles here... 
} 
tr:hover td:first 
{ 
    styles here... 
} 

etc... 

、これはあまりにも平野CSSで行うことができますときに、ページのロード

table.myTableClass 
{ 
    background-color:#fff; 
} 

Answer 4

このコードを追加し、

 $('table').css('background-color', '#FFFFFF'); 
     $('table').contents('td').css('border', 'none'); 

jsfiddleサンプル