jq鼠标移入和移出事件

Posted 2020-06-14

前几天帮朋友做了一个单页面，其中有个效果就是鼠标移动到头像上变换头像样式，当鼠标移出时恢复头像样式。当时没多想，脑子就蹦出了mouseover,mouseout两个方法。 但是在编写页面的过程中，无论我怎么调试只有mouseover方法可以，mouseout方法失效。 于是就google,百度寻找解决答案，可是找了好久都没找到合适的答案。只好问问同事了，同事看了我的代码后也觉得没有问题，但是怎么测都失效。 往往在一条路上遇到问题后，通过各种方式都解决不了时，我们就要调整思路转换道路。 同事跟我说了他之前写的一个类似的效果所用到的方法。于是试了试果然立马见效。看来还是自己对JQuery的一些方法还不了解。 $(obj).mouseenter(function(){ //鼠标移入 }).mouseleave(function(){ //鼠标移出 });