jquery删除悬停删除类名

Question

我有这个jQuery代码，它在悬停时将类名<li class="cat">替换为<li class="cat show">。在我悬停之后它仍然是一样的。removeClass代码有什么问题？

JS

jQuery(".cat").hover(function({
    jQuery(this).addClass('show').siblings().removeClass('show');
});

<ul> 
    <li class="cat"><a>Motors</a>    
        <ul> 
            <li>Top categories</li> 
            <li> <a href="" aria-haspopup="false">Cars</a></li>
            <li> <a href="" aria-haspopup="false">Motorcycles</a></li> 
            <li> <a href="" aria-haspopup="false">Parts</a></li> 
        </ul> 
    </li>
</ul>

Answer 1

jQuery中的悬停事件需要两个回调函数:一个是指针在项目上移动时，另一个是它离开时：

就你而言：

jQuery(".cat").hover(
   function() {
      jQuery(this).addClass('show');
   },
   function() {
      jQuery(this).removeClass('show');
   }
);

请参阅悬停

Answer 2

悬停有两种功能:悬停入和悬停。

jQuery(".cat").hover(
  function() { 
    jQuery(this).addClass('show'); 
  },
  function() { 
    jQuery(this).removeClass('show'); 
  }
);

来源：jQuery api

Answer 3

jQuery悬停函数有两个函数。首先是mouseover函数，其次是mouseout函数。要定义mouseout函数，只需在第一个函数之后添加一个逗号，然后编写第二个函数即可。

<script type="text/javascript">
jQuery(".cat").hover(
  function() {
     jQuery(this).addClass('show').siblings().removeClass('show');
  },
  function() {
     //mouseout stuff
  }
);
</script>`