鼠标悬停时添加边框

Question

我想要一个表边框(我可以使用css设置,而不是内联border =属性)设置为border:1px solid black; 当我把鼠标移到桌子上时.

我如何在jQuery中执行此操作.我认为这与本页顶部的按钮(问题,标签,用户等)发生的情况完全相同,除了这是一个div,它的背景颜色在变化,而我想要更改表格的边框.但这个概念是一样的.

Answer 1

对于悬停效果,jQuery提供了hover()伪事件,其行为优于moueseenter/mouseleave.此外,为每个状态(正常和悬停)创建一个CSS类是个好主意,然后在悬停时更改类:

$(document).ready(function() {
    $("#tableid").hover(
        function() { $(this).addClass("Hover"); },
        function() { $(this).removeClass("Hover"); }
    );
});

您的CSS可能如下所示:

table.Hover { border: 1px solid #000; }