javascript - 帮助我简单的 javascript/jquery

Question

我有一个 id #navigation li a 和一个类 .menu-description 。每当用户将鼠标悬停在 #navigation li a 上时，我想将类从 .menu-description 更改为 .menu-descriptionnew

到目前为止我的jquery:

<script>
$(document).ready(function() {
  $('#navigation li a').onmouseover(function() {

  //Check if element with class exists, if so change it to new
           if ($('div.menu-description').length != 0)
                $('div.menu-description').removeClass('menu-description').addClass('menu-descriptionnew');
           //Check if element with class 'menu-descriptionnew' exists, if so change it to 'menu-description'
           else if ($('div.menu-descriptionnew').length != 0)
                $('div.menu-descriptionnew').removeClass('menu-descriptionnew').addClass('menu-description');
                });
});
</script>

但是它不起作用。有什么建议么？谢谢!

Answer 1

jQuery 事件是“mouseover ”而不是“onmouseover”

使用 .toggleClass() method 可以大量清理代码。和 .hover() event

Here's a simple example