jquery - 使用 jQuery 添加类

Question

我尝试将类添加到我的 div。如何？看底部:

$(document).ready(function(){
    		$(".menu-div").hover(function(){
       		 $(this).addClass("menu-div-hover");
   	        });
});

.menu-div-hover{
     background-color:#25262A;
}

.menu-div{
          height:50px;
          border-top:;
          border-bottom:;
    background-color:yellow;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href=""><div class="text-center menu-div">FAQ</div></a>

这是我的http://jsfiddle.net/pj4oqffu/ 我做错了什么？我不要答案，我需要学习它。如果你能帮助我，请帮助我:)

Answer 1

为什么要使用 jQuery？

只需使用 CSS 和 :hover 选择器:

.menu-div:hover{
     background-color:#25262A;
}

如果您需要通过 jQuery 完成，只需将 hover 类移动到原始类下方(您的 jQuery 代码没问题)。

.menu-div
{
  height:50px;
  border-top:;
  border-bottom:;
  background-color:yellow;
}

.menu-div-hover
{
  background-color:#25262A;
}

哪个优先，您还可以在悬停背景颜色上使用 !important。

http://jsfiddle.net/pj4oqffu/1/