有效的JS但鼠标悬停不起作用

Question

我正在努力克服低位鼠标悬停以更改背景图像。 JSLint告诉我我的代码是有效的，但它仍然无效。你能帮我吗？

http://jsfiddle.net/kxNvW/23/

HTML

<div class="btn large contempt">


</div>

CSS

.btn.large.contempt {
    background: url(http://dummyimage.com/100x100/83c79f/fff);
    width: 100px;
    height: 100px;

}

jquery的

$(document).ready(function() {
 $(".btn.large.contempt").bind('mouseover', function() {
$(".btn.large.contempt").attr('background','url(http://dummyimage.com/100x100/c78383/fff)');
 });
});

Answer 1

将attr替换为css - background是CSS属性，而不是HTML属性。

Answer 2

试试这个：http://jsfiddle.net/kxNvW/29/