Question

因此，在我的整个文档中，我希望每次用户将鼠标悬停在具有特定类名的元素上时，我希望添加一个类。

我的CSS看起来像这样：

.hotspot:hover, .hotspothover
    {
    border: 4px solid #fff;
    box-shadow: 0px 0px 20px #000;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    z-index: 1;
    }

班级名称：“hotspot”。

我尝试了这个，但它似乎不起作用：

    $("#hotspot.hover #hotspothover").addClass("bubble bottom");

感谢。

Answer 1

你很亲密！

添加逗号：

$(".hotspot:hover, .hotspothover").addClass("bubble bottom");

Answer 2

这是怎么做的。

$（“。hotspot：hover，.hotspothover”）。addClass（“bubble bottom”）;

Answer 3

像

这样的东西

$('.targetClass').hover(function() { $(this).toggleClass('hovered'); });

如果您使用的是jQuery 1.4.2

，

应该可以正常工作

Answer 4

也许我误解了，但我认为你想在悬停时添加它。这表明：

$('.hotspot, .hotspothover').hover(function(){
    $(this).addClass('bubble bottom');
});

如果您希望它们在悬停时也被移除，请将addClass更改为toggleClass。

更新：提问者跟进并询问：

如果我想要它们会发生什么替换'hotspot'或'hotspothover'？如同，对于页面上的所有项目班级热点或班级 'hotspothover'用'泡泡'代替它底部带“

我会改变它：

$('.hotspot').hover(function(){
    $(this).addClass('bubble bottom').removeClass('hotspot');
});
$('.hotspothover').hover(function(){
    $(this).addClass('bubble bottom').removeClass('hotspothover');
});

现在，您也可以这样做，但如果您想要具体了解这些操作，那么将它作为两组调用更有意义。

$('.hotspothover, .hotspot').hover(function(){
    $(this).addClass('bubble bottom').removeClass('hotspothover hotspot');
});

在特定类名称上添加类到.hover功能 - jQuery

4 个答案: