Javascript 了解函数中鼠标指针链接的类

我对jquery儿童有点问题

我有以下代码：

<li><a href="#" class="gocinema">cinema</a></li>
<li><a href="#" class="gomusic">music</a></li>
<li><a href="#" class="gogame">game</a></li>

我尝试设置一个函数来更改悬停时链接的颜色。（我不能简单地用css实现这一点，因为它是针对菜单上的复杂网页设计的。）

我想做的是做一个函数，他说：

我是mousenter的链接的类别是什么

如果班级是那样的，那么就那样做。如果班级是那样的，那么就那样做

我读了很多关于jquery子类的文章，但我不知道如何在函数中这样说

抱歉，如果不是很清楚：/ 谢谢

托马斯试试这个：

$('a').mouseenter(function(){
   alert($(this).attr('class'));
   var classes = $(this).attr('class');
   if(classes == 'whatyouwant'){
      //do something
   }
});

更新

如果链接上有多个类，您可以尝试

$.fn.hasClass

：

$(document).on('mouseenter mouseleave', 'a', function () {
    var $this = $(this);

    if ( $this.hasClass('gocinema') ) {
        // do this
    }

    if ( $this.hasClass('gomusic') ) {
        // do that
    }

});

---

如果是它的菜单，这应该是使用jquery的正确方法

HTML

CSS

在这里查看实况演示

---

另外 如果要为每个菜单项提供不同的样式。 您可以这样创建样式

.hover-style.gocinema{ background:red; } 
.hover-style.gomusic{ background:blue; } 
.hover-style.gogame{ background:green; }

---

您可以使用

.attr（'class'）

谢谢您的演示，太棒了！不客气！如果您的问题得到了回答，请按原样标记：）

<ul class="mymenu">
  <li><a href="#" class="gocinema">cinema</a></li>
  <li><a href="#" class="gomusic">music</a></li>
  <li><a href="#" class="gogame">game</a></li>
</ul>

$('.mymenu a').hover(function(){
    $(this).addClass('hover-style');
}, function () {
      $(this).removeClass('hover-style');
});

.hover-style{
    background:red;
    color:white
}

.hover-style.gocinema{ background:red; } 
.hover-style.gomusic{ background:blue; } 
.hover-style.gogame{ background:green; }