jQuery添加/移除伪类(hover)

2020-02-20  本文已影响0人  1CC4

伪类演示:


如图:伪类(hover)是正常使用,但是我们点击了当前选项之后不需要当前选项也存在伪类,所以我们需要移除掉当前选项的hover.

移除伪类:removeClass(hover)

结果是同上,没有任何变化。

:hover是伪类,伪类是自动应用于元素的,不需要在元素本身上设置。没有设置就没法删除。所以要加一个真正的类

m-item:通用类
item-hover:伪类hover
active-item:点击添加类

<li class="m-item item-hover active-item">
    <span> 主页</span>
    <span class="glyphicon glyphicon-menu-right"></span>
</li>
<li class="m-item item-hover">
    <span>我的课程</span>
    <span class="glyphicon glyphicon-menu-right"></span>
</li>
li.item-hover:hover {
    cursor: pointer;
    background: rgba(0, 137, 210, .2);
    color: teal;
}
$(".my-menu ul li").addClass("item-hover");
$(this).removeClass("item-hover");

这样就可以做到添加/移除伪类:

上一篇下一篇

猜你喜欢

热点阅读