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

在本文中，我们将看到如何使用 jQuery 更改悬停事件上的元素样式。要更改悬停事件的样式，请使用 hover() 方法。 hover() 方法用于指定当鼠标指针移动到所选元素上时要启动的两个函数。

句法：

$(selector).hover(Function_in, Function_out);

参数：它接受下面指定的两个参数-

• Function_in：指定鼠标移动事件发生时运行的函数。
• Function_out：可选，指定鼠标移出事件发生时运行的函数。

在这里，我们创建了一个段落元素，当鼠标移动到段落元素上时，元素的样式会发生变化。

例子：

HTML

  

    
        How to run a code on hover
        event in jQuery?
    
  
    
    
  
    
        $(document).ready(function () {
            $(document).ready(function () {
                $("p").hover(function () {
                    $(this).css({
                        backgroundColor: "green",
                        fontSize: "30px",
                        color: "white"
                    });
                }, function () {
                    $(this).css("background-color", "yellow");
                });
            });
        });
    

  

    
        GeeksforGeeks
    
  
    
        How to run a code on hover event in jQuery?
    
  
    Welcome to GeeksforGeeks
  

  

输出：