JQuery判断鼠标移入和移出某元素，类似CSS的：hover效果的方法

JQuery判断鼠标是否移入或者移出某个元素，可以使用mouseenter和mouseleave事件来判断鼠标是否在某个元素上。

以下是一个简单的例子：

1. <div id="myElement">Hover over me!</div>

复制代码

1. $(document).ready(function(){
   
2.     var isMouSEOver = false;
   
3.    
   
4.     $('#myElement').mouseenter(function(){
   
5.         isMouSEOver = true;
   
6.         console.log('Mouse is over the element.');
   
7.     }).mouseleave(function(){
   
8.         isMouseOver = false;
   
9.         console.log('Mouse is not over the element anymore.');
   
10.     });
    
11.    
    
12.     // 检查鼠标是否在元素上
    
13.     function isMouseOverElement() {
    
14.         return isMouseOver;
    
15.     }
    
16.    
    
17.     // 使用方法
    
18.     if (isMouseOverElement()) {
    
19.         console.log('Mouse is currently over the element.');
    
20.     } else {
    
21.         console.log('Mouse is not over the element.');
    
22.     }
    
23. });

复制代码