JQuery mouseout,mouseover事件

最新推荐文章于 2025-10-18 09:14:35 发布

原创最新推荐文章于 2025-10-18 09:14:35 发布 · 545 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #jsp #html #鼠标

前端同时被 2 个专栏收录

24 篇文章

订阅专栏

锋利的JQuery

9 篇文章

订阅专栏

本文介绍了如何使用jQuery实现鼠标悬停显示隐藏内容的效果，并简要概述了jQuery作为跨平台JavaScript库的基本概念及其特点。

当鼠标指针位于元素上方时，会触发 mouseover 事件；当鼠标指针离开元素上方时，会触发 mouseout 事件.

      <h2>什么是JQuery</h2>
       <div id="content" hidden="true">jQuery的是跨平台的 JavaScript库旨在简化客户端脚本的HTML。
          [3]它是免费的开源软件，使用许可的麻省理工学院许可证。
          [2] Web分析表明，它是广泛部署的JavaScript库。</div>
       </div>

js:

        $("h2").bind("mouseout",function(){
              $(this).next().hide();
         });

        $("h2").bind("mouseover",function(){
               $(this).next().show();
         });

或者:

         $("h2").mouseout(function(){
              $(this).next().hide();
         });
         $("h2").mouseover(function(){
               $(this).next().show();
         });

效果：