javascript - javascript或jquery在悬停后将列表类更改为其他类名

Question

<li class="cat">当悬停在猫列表上时，我不想使用 jquery 或 javascript 来动态更改<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(".cat").hover(function(){
    jQuery(this).addClass('show').siblings().removeClass('show');
});

http://jsfiddle.net/wJmBS/

Answer 2

您可以使用 jQuery 的悬停功能，请参阅文档

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

hover函数的第一个参数是handlerIn（鼠标进入时发生的情况），第二个函数参数是handlerOut（鼠标再次离开时）。

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

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

这能回答你的问题吗？