如何在 jQuery 中的 mouseenter 事件上运行代码？

在本文中，我们将看到如何使用jQuery 在鼠标进入特定区域时运行代码。要在鼠标进入特定区域时运行代码，使用 mouseenter() 方法。 mouseenter() 方法在鼠标指针移动到所选元素上时起作用。

句法：

$(selector).mouseenter(function)

参数：此方法接受可选的单参数函数。它用于指定调用mouseenter() 方法时要运行的函数。

例子：

HTML

  

    
        How to run a code on mouseenter
        event in jQuery?
    
  
    
    
  
    
        $(document).ready(function () {
            $(".main").mouseenter(function () {
                $(".main").css({
                    background: "green",
                    color: "white"
                });
            });
        });
    
  
    
        body {
            text-align: center;
        }
  
        .main {
            width: 300px;
            height: 200px;
            border: 2px solid black;
        }
    

  

    
        GeeksforGeeks
  
        
            How to run a code on mouseenter
            event in jQuery?
        
    

  

输出：