幫助我簡單的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事件是“ 鼠標懸停 ”而不是“onmouseover”

您可以使用.toggleClass（）方法和.hover（）事件清理代碼

這是一個簡單的例子