jQuery的fadeIn 和 fadeOut与与hover有什么区别？

记得有一次，我在创建一个简单的网站，想要给用户带来视觉上的惊喜。
我决定在用户​​单击按钮后让背景图像慢慢淡入。
我使用了jQuery的fadeIn方法，代码是这样的：$(selector).fadeIn(1 000);。
当时是下午两点。
我坐在电脑前，盯着屏幕，看到图像从无到有，我感到相当自豪。
后来我想给mouse-over元素赋予特殊的效果，所以我使用hover方法来设置不同的mouse-over-and-leave背景颜色。
我写的是：$(selector).hover(function(){$(this).css('background-color', 'yellow')},function(){$(this).css('background-color', 'white');});。
当时感觉很酷，因为我发现这可以让用户有更多的互动体验。
等等，还有一件事，我突然想到，如果我结合fadeIn和fadeOut，是不是可以制作一个简单的图片轮播效果呢？

jQuery中如何绑定和取消hover事件（附代码）

说白了，绑定hover事件其实很简单，但是很容易陷入困境。
我先说最重要的一点。
您不能使用 .bind() 直接绑定悬停。
您应该使用 mouseenter 和 mouseeleave。
例如，在我们去年开发的项目中，我们将悬停事件附加到页面上。
原来点击事件正常，但是hover事件没有响应。
大约有3 000名用户遇到过这个问题。
实际上，hover 是一个自定义的 jQuery 事件，它基本上绑定了 mouseenter 和 mouseeleave。

一开始我以为bind()可以直接绑定hover，但是后来我意识到这是错误的，我必须使用mouseenter和mouseeleave。
等等，还有一件事。
取消hover事件时，不能直接使用unbind(hover)。
您需要分别取消鼠标移入和鼠标移出。
例如，可以直接这样写：$("a").unbind("hover");。
很多人不注意这一点。
事实上，这是无法挽回的。

最后提醒一下，这次搬家事件的处理方式比较特殊。
如果你遇到类似的问题，你可能想看看jQuery官方文档，或者搜索相关问题，通常可以找到解决方案。
我认为值得一试。

jquery hover函数如何还原为原来的颜色

是的...JQ 中的hover 是...真的...复杂...
我记得...以前...2 02 2 年...我在一个项目中...用JQ 写hover...结果...每次鼠标...移动...都是...乱...代码...垃圾...
后来...我意识到...我直接使用CSS...它很强大...
看...这个例子... ...就像这样...只要鼠标...移动...就变成红色...一旦鼠标...离开...恢复...
不需要JQ...简单...简单...
也许...我...极端...但是...我真的...推荐使用CSS...