Question

如果这是一个愚蠢的问题，我是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

你真的不需要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;
}

Answer 2

要设置表格的背景颜色，请尝试：

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

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

});

myTable是您表格的ID。但是，如果要在页面加载时始终这样做，请将其放在CSS中，因为它就是它的设计目的。

Answer 3

将此代码写下来并在页面加载时起作用.....

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

其中table_id是表的id .....

Answer 4

添加此代码，

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

jsfiddle示例

页面加载时设置表格的背景颜色

4 个答案: