为表设置背景颜色，当页面加载

我是一个新手，将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

为表设置背景颜色，当页面加载

回答

相关问题