jQuery hover() 方法

定义和用法

hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。

该方法触发了 mouseenter 和 mouseleave 事件。

注意：如果只指定一个函数，则 mouseenter 和 mouseleave 都执行它。

语法

$(selector).hover(inFunction,outFunction)

参数

参数	描述
inFunction	必需。规定 mouseover 事件发生时运行的函数。
outFunction	可选。规定 mouseout 事件发生时运行的函数。

示例

下例演示了当鼠标指针悬停在p元素上面时，alert弹出不同信息：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    //此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#p1").hover(function(){
                alert("你鼠标指针进入了p1!!");
              },
              function(){
                alert("拜! 你鼠标指针离开了p1!");
            });
        });
    </script>
</head>
<body>
    <p>鼠标hover事件这是一个段落</p>
</body>
</html>

尝试一下

定义和用法

语法

参数

示例

相关页面