Jquery-鼠标悬停(hover)切换 class 属性代码,Js代码库,德仔网

代码语言

代码分类

【Js】 Jquery-鼠标悬停(hover)切换 class 属性

作者:元青 / 发布于2016/5/19/ 878

假如当用户鼠标悬停在一个可点击的元素上时，你希望改变其效果，下面这段代码可以在其悬停在元素上时添加 class 属性，当用户鼠标离开时，则自动取消该 class 属性：
$('.btn').hover(function () {
  $(this).addClass('hover');
  }, function () {
    $(this).removeClass('hover');
  });
你只需要添加必要的CSS代码即可。如果你想要更简洁的代码，可以使用 toggleClass 方法：
$('.btn').hover(function () { 
  $(this).toggleClass('hover'); 
});
注：直接使用CSS实现该效果可能是更好的解决方案，但你仍然有必要知道该方法。

　　

试试其它关键字

同语言下

可能有用的

元青贡献的其它代码(13)

Copyright © 2004 - 2024 dezai.cn. All Rights Reserved 站长博客粤ICP备13059550号-3