mousoever和設置背景色

Question

我有以下的html：

<img class="img-polaroid img-hover" src="/images/147/09e65aac97caf00c5414593719d0e1b4-medium.jpg?1376027188" background-color="yellow"> 

和CSS

.img-hover:hover{ 
    background-color: $green-highlight-1; 
    cursor: pointer; 
} 

，想轉換爲jQuery的，使我們擁有了顏色更多的控制權（和動畫它）。像這樣：

$('.img-hover').on('mouseover', function(){ 
    console.log("here i am in img-hover"); 
    $(this).attr('background-color','yellow'); 
}); 

但這不工作（console.log工程）。我該如何設置背景顏色？

Answer 1

你想

$(this).css('background-color','yellow'); 

Answer 2

使用css而不是attr

$('.img-hover').on('mouseover', function(){ 
    console.log("here i am in img-hover"); 
    $(this).css("background-color", "yellow"); 
}); 

Answer 3

使用.css()方法，如：

$('.img-hover').mouseover(function(){ 
    $(this).css('backgroundColor', ' yellow'); 
});