【JQuery】使用hover()方法切换事件

最新推荐文章于 2024-08-17 04:07:18 发布

badlyForPapers

最新推荐文章于 2024-08-17 04:07:18 发布

阅读量619

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/happyhaojie/article/details/51043401

版权

jQuery 专栏收录该内容

73 篇文章 0 订阅

订阅专栏

功能是：当鼠标移动到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数。

调用方式：

$(selector).hover(over，out);

over为移动到元素上触发的函数，out参数为移出元素时触发的元素.

例子.

<body>
        <h3>hover()方法切换事件</h3>
        <div>别走！你就是土豪</div>
        
        <script type="text/javascript">
            $(function () {
                $("h3").hover(
                function () {
                    $(this).addClass("orange");
                },
                function () {
                    $(this).removeClass("orange")
                })
            });
        </script>
    </body>