javascript - 快速 javascript 悬停问题

Question

我有一个快速的 JavaScript 问题。我想知道是否有办法让一个名为 #post li span 的 div 在您将鼠标悬停在 div“#post li”上时显示(出现)？如果有人可以向我提供代码，那将意义重大。

Answer 1

您可以直接使用 CSS 实现:

#post li span {
    display: none;
}

#post li:hover span {
    display: inline;
}

如果你想使用 JavaScript 和 jQuery，你可以使用:

$('#post li span').hide();
$('#post li').hover(
    function() { $('span', $(this)).show(); },
    function() { $('span', $(this)).hide(); }
);

如果您想使用 JavaScript 而没有 jQuery，事情就会变得更加复杂。