爲表設置背景顏色，當頁面加載

我是一個新手，將jQuery所以apoligise，如果這是一個愚蠢的問題爲表設置背景顏色，當頁面加載

我已經看到了很多方法如何改變表顏色的背景，但是當某一行點擊或懸停，但是我想設置我的表的背景顏色爲白色頁面加載時。

即代碼中，我看到的是像下面

$(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'); 
     }); 
    });

來源

2012-03-28 CodersSC

問題是什麼？一個jsfiddle代碼顯示你的問題可以幫助你快速得到答案。 – 2012-03-28 12:55:52

把它寫下來這個代碼，它工作時，頁面加載.....

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

這裏的table_id是表的ID .....

來源

2012-03-28 12:58:23 Kashiftufail

啊，確定那是行得通的，你是怎麼做到的，對於奇數行甚至是相同的？ – CodersSC 2012-03-28 13:06:46

要設置表格的背景顏色試試這個：

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

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

});

哪裏myTable是你的表的ID。但是，如果要始終在頁面加載時完成此操作，請將其置於CSS中，因爲它是爲其設計的。

來源

2012-03-28 12:55:26

你真的不需要jQuery就可以做到這一點。這可以在純CSS中完成。

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

etc...

至於設置你的桌子上的background-color，這可以在純CSS來完成過：

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

來源

2012-03-28 12:56:32 Curt

添加該代碼，

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

jsfiddle樣品

來源

2012-03-28 13:02:28

爲表設置背景顏色，當頁面加載

回答

相關問題