jQuery - hover()-Methode

Die Methode hover() wird für beide Ereignisse aufgerufenmouseenter und mouseleave. Sie können es verwenden, um zu erkennen, wenn die Maus unter ein Element geht.

.hover( handlerIn, handlerOut )

Syntax:

$( selector ).hover( handlerIn, handlerOut )

Example:

$( "p" ).hover(
 function() { // Die Maus gibt die 
 $( this ).addClass( "hover" ); 
 },  function() { // Maus verlässt zone
 $( this ).removeClass( "hover" ); 
 }
); 

.hover( handlerInOut )

Diese Methode ist nützlich, wenn dieselbe Verarbeitung sowohl für die Eingabe- als auch für die Ausgabeereignisse des Zielelementbereichs wiederholt wird. Wir müssen den Code nicht sowohl in die Eingabe- als auch in die Ausgabeereignisfunktionen kopieren.

Syntax:

$(selector).hover(handlerInOut)

Wenn eine einzelne Funktion an die Methode hover() werden zwei Ereignisse ausgeführt, mouseenter und mouseleave. Dies ermöglicht es dem jQuery-Benutzer, die verschiedenen Failover-Methoden im Handler zu verwenden oder je nach event.type.

Beispiel:

$( selector ).on( "Mauszeiger in und aus der Box", handlerInOut ); 

Referenzen:
https://api.jquery.com/hover/