表格中，鼠标放上去的行变色，离开恢复原来颜色

最新推荐文章于 2024-08-01 09:39:12 发布

我心V飞翔

最新推荐文章于 2024-08-01 09:39:12 发布

阅读量5.6k

点赞数 3

分类专栏： web前端

本文链接：https://blog.csdn.net/ful1021/article/details/38562925

版权

web前端专栏收录该内容

40 篇文章 0 订阅

订阅专栏

JS代码

/*
表格中，鼠标放上去的行变色
使用  
<tbody id="tdata">
    .........
</tbody>
*/
$(function () {
    var tr = $("#tdata tr");
    tr.mouseover(function () {
        $(this).css("background-color", "#AEF2E5");
        $(this).children("td").css("background-color", "#AEF2E5");
    }).mouseout(function () {
        $(this).css("background-color", "#FFFFFF");
        $(this).children("td").css("background-color", "#FFFFFF");
    });
});