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");
这样就可以做到添加/移除伪类: