jQuery | mouseout() 示例

mouseout() 方法是 jQuery 中的一个内置方法，当鼠标指针从所选元素移出时使用。
句法：

$(selector).mouseout(function)

参数：此方法接受可选的单参数函数。此参数用于指定调用 mouseout 事件时要运行的函数。

返回值：此方法返回具有更改的选定元素。

下面的例子说明了 jQuery 中的 mouseout() 方法：

例子：

    
        The mouseover Method
        
        
          
        
        
            $(document).ready(function() {
                $("p").mouseover(function() {
                    $("p").css("background-color", "lightgreen");
                });
                $("p").mouseout(function() {
                    $("p").css("background-color", "lightgray");
                });
            });
        
        
            body {
                width: 420px;
                padding: 40px;
                height: 30px;
                border: 2px solid green;
                font-weight: bold;
                font-size: 20px;
            }
        
    
    
        
        Move the mouse pointer over this paragraph.
    

输出：
将鼠标悬停在段落上：

鼠标移出段落：