Le survol est-il un événement jquery ?-Questions et réponses frontales-php.cn

Le survol est-il un événement jquery ?

WBOY

Libérer： 2022-04-15 10:34:41

original

2435 Les gens l'ont consulté

hover est un événement de souris dans jquery. La méthode hover() spécifie deux fonctions à exécuter lorsque le pointeur de la souris survole l'élément sélectionné. Le premier paramètre spécifie la fonction lorsque le pointeur de la souris traverse l'élément, et le deuxième paramètre spécifie la fonction lorsque le pointeur de la souris quitte l'élément. . Fonction, la syntaxe est "element object.hover(function, function)".

Le survol est-il un événement jquery ?

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

hover est un événement jquery

hover est un événement souris dans jquery

La réponse de la page aux différents visiteurs est appelée un événement.

Les gestionnaires d'événements font référence à des méthodes appelées lorsque certains événements se produisent en HTML. La méthode

hover() spécifie deux fonctions à exécuter lorsque le pointeur de la souris survole l'élément sélectionné. La méthode

déclenche les événements mouseenter et mouseleave.

L'événement mouseleave se produit lorsque le pointeur de la souris quitte l'élément sélectionné.
L'événement mouseenter se produit lorsque le pointeur de la souris passe (entre) dans l'élément sélectionné.

La syntaxe est :

$(selector).hover(inFunction,outFunction)

Copier après la connexion

inFunction obligatoire. Spécifie la fonction à exécuter lorsque l'événement mouseenter se produit.

outFunction Facultatif. Spécifie la fonction à exécuter lorsque l'événement mouseleave se produit.

L'exemple est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").hover(function(){
    $("p").css("background-color","yellow");
    },function(){
    $("p").css("background-color","pink");
  });
});
</script>
</head>
<body>
<p>鼠标移动到该段落。</p>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Le survol est-il un événement jquery ?