Question

我试图在我悬停时尝试为图像制作边框，但它不添加它：S但我已经尝试了console.log并且它显示了我已经写过的文本但是它会将类添加到它：S

这是我的代码

<style>
.test {
    border: 1px solid #000;
}
</style>
// add a class to the image that is focus on
$('#small-image .thumb').hover(function() {
    $(this).addClass('test');
        console.log('hover');
}, function() {
    $(this).removeClass('test');
        console.log('out');
});

Answer 1

为什么你需要javascript？

标记：

<div id="foo"></div>

CSS：

#foo {width:50px; height:50px; border: 1px solid blue}
#foo:hover {border-color: red}

工作示例：http://jsfiddle.net/JndDd/

Answer 2

问题可能是您的基本CSS会覆盖test类中的样式吗？

如果您不关心IE6，可以使用CSS完成整个过程：

#small-image.thumb:hover {
    border: 5px solid blue;
}

Answer 3

您的代码似乎运行得很好：

http://jsfiddle.net/eDyTg/1/

无论问题是什么，都不是你发布的内容。

Answer 4

尝试删除选择器中的空格：

$('#small-image .thumb')

到

$('#small-image.thumb')

jquery addclass问题

4 个答案: