jQuery mouseover() 方法

Evento do jQuery

mouseover()方法触发mouseover事件，或附加一个函数，以在发生mouseover事件时运行。

当鼠标指针输入一个元素及其子元素时，将发生mouseover事件。

您可能会认为mouseover，mouseenter和mousemove事件是相同的，但它们不是：

• mouseover-当鼠标指针进入元素及其子元素时调用

• mouseenter-仅在鼠标指针进入元素时调用

• mousemove-将鼠标指针移到元素上时调用（请参见下面的示例）

mouseover()方法通常与mouseout()Métodos juntos.

Sintaxe:

Disparar o evento de passar o mouse do elemento selecionado:

$(selector).mouseover()

Anexar função ao evento mouseover:

$(selector).mouseover(function)

Exemplo

Mudar a cor de fundo ao ser acionado o evento mouseover e mouseout:

$("p").mouseover(function(){
　　$(this).css("background-color", "yellow");
});
$("p").mouseout(function(){
　　$(this).css("background-color", "lightblue");
});

Este exemplo demonstra a diferença entre mouseenter, mousemove e mouseover:

Valor do Parâmetro

Evento do jQuery