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

请注意，如果目的是仅在鼠标位于元素上方时更改背景（即，在鼠标移出时将其更改回来），您可以使用:hover轻松完成任何JS CSS中的伪类：

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

使用鼠标更改背景颜色通过类JQuery引用

1 个答案: