jquery如何实现鼠标经过显示，离开隐藏
导读：本文共1601字符，通常情况下阅读需要5分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要： 方法：1、使用hover()方法给父元素绑定鼠标事件，并指定两个事件处理函数，语法“父元素.hover(经过函数,离开函数)”；2、在经过函数中，用“子元素.show()”显示子元素；3、在离开函数中，用“子元素.hide()”隐藏子元素。本教程操作... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。
方法：1、使用hover()方法给父元素绑定鼠标事件，并指定两个事件处理函数，语法“父元素.hover(经过函数,离开函数)”；2、在经过函数中，用“子元素.show()”显示子元素；3、在离开函数中，用“子元素.hide()”隐藏子元素。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery实现鼠标经过显示，离开隐藏效果
实现方法：
使用hover()方法给父元素绑定鼠标事件，并指定两个事件处理函数--经过显示函数和离开隐藏函数
在经过函数中，使用show()显示子元素
在离开函数中，使用hide()隐藏子元素
实现示例：
<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <scriptsrc="js/jquery-1.10.2.min.js"></script> <style> div{ border:1pxsolidred; height:100px; } p{ background-color:pink; display:none; } </style> <script> $(function(){ $("div").hover(function(){ $("p").show(); },function(){ $("p").hide(); }); }) </script> </head> <body> <div> <p> p元素，默认是隐藏的，当鼠标经过时显示，离开时隐藏 </p> </div> <br> <span>使用鼠标悬停div元素</span> </body></html>
说明：
hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。
方法触发 mouseenter 和 mouseleave 事件。
注意: 如果只指定一个函数，则 mouseenter 和 mouseleave 都执行它。
语法：
$(selector).hover(inFunction,outFunction)
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">本文：
jquery如何实现鼠标经过显示，离开隐藏的详细内容，希望对您有所帮助，信息来源于网络。