jQuery |悬停（）与示例

hover()是 jQuery 中的一个内置方法，用于指定当鼠标指针移动到所选元素上时要启动的两个函数。
句法：

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

这里的 selector 是被选中的元素。
参数：它接受下面指定的两个参数-

• Function_in：指定鼠标输入事件发生时运行的函数。
• Function_out：可选，指定鼠标离开事件发生时运行的函数。

返回值：返回选中元素的背景颜色效果。

显示 hover() 方法工作的 jQuery 代码：
代码#1：

  

    
    
    
        <!-- jQuery code to show the working of hover() method -->
        $(document).ready(function() {
            $("p").hover(function() {
                $(this).css("background-color", "green");
            }, function() {
                $(this).css("background-color", "yellow");
            });
        });
    
    
        p {
            width: 55%;
            height: 80px;
            padding: 20px;
            margin: 10px;
            border: 2px solid green;
            font-size: 50px;
        }
    

  

    
    GeeksforGeeks !
  

  

输出：
在鼠标指针移到段落上之前 -

鼠标指针移到段落上后-

鼠标指针从段落中移出后-