首页 网络技术
  1. 正文

jQuery如何实现​悬停切换类

悬停切换类

假设你希望当用户将鼠标悬停在可点击的元素上时,它会改变颜色。那么你可以在用户悬停的时候添加类到元素中,反之则删除类:

$('.btn').hover(function () {$(this).addClass('hover');}, function () {$(this).removeClass('hover');});

你只需要添加必要的CSS即可。更简单的方法是使用toggleClass 方法:

$('.btn').hover(function () {$(this).toggleClass('hover');});

注:可能在这种情况下,CSS这种解决方案更快,不过了解这个方法很有必要。

本文标题:jQuery如何实现​悬停切换类
本文链接:https://www.qqooo.cn/post/6555.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!