有效的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/