jQuery.hover() 是一个jQuery库中的方法,用于为元素添加鼠标悬停事件的处理函数。
使用 hover() 方法,你可以指定两个回调函数,分别是悬停时的处理函数和离开时的处理函数。当鼠标指针进入元素时,会触发悬停处理函数;当鼠标指针离开元素时,会触发离开处理函数。
下面土嘎嘎小编分享 hover() 方法的基本语法:
〓〓javascript代码如下:〓〓
$(selector).hover(handlerIn, handlerOut);
其中,
◆ selector 是要绑定悬停事件的元素选择器。
◆ handlerIn 是悬停时触发的处理函数。
◆ handlerOut 是离开时触发的处理函数。
示例代码如下所示:
〓〓javascript代码如下:〓〓
$(document).ready(function() {
$(".my-element").hover(function() {
// 悬停时的处理逻辑
$(this).addClass("highlight");
}, function() {
// 离开时的处理逻辑
$(this).removeClass("highlight");
});
});
上面给出的示例代码为具有 .my-element 类的元素添加了悬停事件处理函数。当鼠标悬停在该元素上时,它会添加一个名为 highlight 的类;当鼠标离开时,它会移除该类。
土嘎嘎技术网友情提示:自jQuery版本3.0开始,推荐使用 .on('mouseenter', handlerIn) 和 .on('mouseleave', handlerOut) 来代替 .hover() 方法,以提高性能和一致性。