Jquery事件：鼠标移入移出(mouseenter,mouseleave)

前几天帮朋友做了一个单页面，其中有个效果就是鼠标移动到头像上变换头像样式，当鼠标移出时恢复头像样式。当时没多想，脑子就蹦出了mouseover,mouseout两个方法。

但是在编写页面的过程中，无论我怎么调试只有mouseover方法可以，mouseout方法失效。

于是就google,百度寻找解决答案，可是找了好久都没找到合适的答案。只好问问同事了，同事看了我的代码后也觉得没有问题，但是怎么测都失效。

往往在一条路上遇到问题后，通过各种方式都解决不了时，我们就要调整思路转换道路。

同事跟我说了他之前写的一个类似的效果所用到的方法。于是试了试果然立马见效。看来还是自己对JQuery的一些方法还不了解。

$(obj).mouseenter(function(){
    //鼠标移入

}).mouseleave(function(){
    //鼠标移出

});

              

转载于:https://www.cnblogs.com/ym1992it/p/3805176.html