jquery addclass问题

Question

即时尝试为图像创建边框时，我将鼠标悬停但它不添加它：S但我已尝试console.log，它显示文字我已写入，但它dosent添加类到它：小号

这是我的代码

<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')