jquery如何删除hover事件
导读:本文共1238字符,通常情况下阅读需要4分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:/这种方法是错误的/$(#hover_div).unbind("hover");/这种方法也是错误的/$(#hover_div).unbind("mouseover").unbind("mouseout");/这种方法是新增的,在老的版本里是无法使用的/$(#hover_div).unbind("mouseenterm... ...
目录
(为您整理了一些要点),点击可以直达。/这种方法是错误的/
$(#hover_div).unbind("hover");
/这种方法也是错误的/
$(#hover_div).unbind("mouseover").unbind("mouseout");
/这种方法是新增的,在老的版本里是无法使用的/
$(#hover_div).unbind("mouseentermouseleave");
/这种方法正确的,新老版本皆可用/
$(#hover_div).unbind("mouseenter").unbind("mouseleave");
上面的代码建议使用第四种,相对安全些。
使用示例:
<!DOCTYPEhtml>
<html>
<head> <metacharset="UTF-8"> <scriptsrc="js/jquery-3.6.1.min.js"></script> <script> $(document).ready(function(){ $("p").hover(function(){ $("p").css("background-color","yellow"); },function(){ $("p").css("background-color","pink"); }); $("button").click(function(){ $("p").unbind("mouseenter").unbind("mouseleave"); }); }); </script></head><body> <p>鼠标移动到该段落。</p> <button>删除hover</button></body>
</html>
说明:unbind()方法
unbind() 方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行。
该方法也可以通过 event 对象取消绑定的事件处理程序。该方法也用于对自身内部的事件取消绑定(比如当事件已被触发一定次数之后,删除事件处理程序)。
相信大家对“jquery如何删除hover事件”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注行业资讯频道。jquery如何删除hover事件的详细内容,希望对您有所帮助,信息来源于网络。