使用鼠標更改背景顏色通過類JQuery的超過引用

Question

我給了一組div的類，並希望更改鼠標上的div的背景顏色。我所做的是這樣的：
HTML

<div class="menu_top"> 
<div id="1" class="menu_top_menu">Home</div> 
<div id="2" class="menu_top_menu">About Us</div> 
<div id="3" class="menu_top_menu">Register</div> 
<div id="4" class="menu_top_menu">Contact Us</div> 
</div> 

JQuery的

$(document).ready(function() { 
    $('.menu_top_menu').mouseover(function(){ 
    $('this').attr('style','background-color:yellow;'); 
    }); 
}); 

此ID爲參考做的工作，但我想帶班工作。我究竟做錯了什麼 ？

Answer 1

使用$(this)而不是$('this') - 在this附近沒有引號。

而且，你通常不會使用attr()設置style，你會使用.css() method設置有問題的特定CSS屬性：

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

注意，如果目的是要改變背景只有當鼠標移動到元素（即改回來鼠標了），你可以很容易地做到這一點，沒有JS都在你的CSS使用:hover僞類：

div.menu_top_menu:hover { 
    background-color : yellow; 
}