悬停后使用javascript或jquery将列表类更改为其他类名称

Question

我wan't使用jQuery或JavaScript修改<li class="cat">动态地悬停在猫名单时<li class="cat show">也是我使用的Joomla，让我走noConflict函数成考虑

<ul> 
  <li class="cat"> <a class="rt" href="" aria-haspopup="true">Motors</a>
    <div class="sub" role="menu"> 
      <ul class="col"> 
        <li class="title">Top categories</li> 
        <li class="icn"> <a href="" aria-haspopup="false">Cars</a></li>
        <li class="icn"> <a href="" aria-haspopup="false">Motorcycles</a></li> 
        <li class="icn"> <a href="" aria-haspopup="false">Parts</a></li> 
    </ul> 
</ul> 

请帮帮我:)

Answer 1

您可以使用jQuery的on hover函数，请参阅文档

首先，选择要由悬停功能触发的标签。

悬停功能的第一个参数是handlerIn（当鼠标进入时发生），第二个功能参数是handlerOut（当鼠标再次离开时）。

当鼠标进入时，添加类“ show”，但是再次离开时，删除该类。

$("li.cat").hover(
  function () {
    $(this).addClass("show");
  },
  function () {
    $(this).removeClass("show");
  }
);

这是否回答您的问题？

Answer 2

好的，首先，您至少应该尝试自己找到它，然后再尝试以下操作：

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

http://jsfiddle.net/wJmBS/