使用CSS或Javascript显示和隐藏DIV?

Jas*_*vis 3 javascript jquery

我刚刚看到一个演示了这个jquery代码来显示和隐藏悬停的潜水,这不能用regualr css完成吗?如果你能用css做到这一点,用javascript做这个有什么好处吗?

$('.comment').hover(function() {
  $(this).children('.delete').show();
}, function() {
  $(this).children('.delete').hide();
});
Run Code Online (Sandbox Code Playgroud)

Jod*_*ody 12

CSS悬停适用于锚标签,但IE6无法识别li标签等事情上的悬停事件.

但是,如果您使用的是锚标记,则可以在CSS中实现相同的效果:

a.comment       .delete { display: none; }
a.comment:hover .delete { display: block; }
Run Code Online (Sandbox Code Playgroud)

  • +1很好的第一个答案:)我编辑了它并改为IE6,因为7和8确实支持`:hover`除了'a`之外的元素 (3认同)

Der*_*ger 6

您可以使用CSS执行此操作,但IE6仅支持锚标记(A)上的:hover伪类,因此它不常见.