82问答网 > jQuery中hover与mouseover和mouseout的区别分析

jQuery中hover与mouseover和mouseout的区别分析

2025-03-24 12:22:32

推荐回答（2个）

回答1：

$("#objectId").hover(
function () {
$(this).addClass("customClassName");
},
function () {
$(this).removeClass("customClassName");
}
);

mouseover：当鼠标指针位于元素上方时时，改变元素的背景色，该事件大多数时候会与 mouseout 事件一起使用。
$("#objectId").mouseover(function(){
$("#objectId").css("background-color","yellow");
});

mouseout：当鼠标从元素上移开时，改变元素的背景色。

回答2：

over:鼠标悬停的对象加上特定的样式（customClassName）

mouseover：当鼠标指针位于元素上方时时，改变元素的背景色，该事件大多数时候会与 mouseout 事件一起使用。

mouseout：当鼠标从元素上移开时，改变元素的背景色。