Comment supprimer le survol dans jquery CSS

La pseudo-classe :hover en CSS définit le style lorsque le pointeur de la souris survole un élément. C'est une situation souvent utilisée dans le développement web. Mais il existe des situations dans lesquelles nous devons supprimer le style de survol. À ce stade, vous pouvez utiliser jQuery pour supprimer l'effet :hove.

Méthode 1 : utilisez removeClass()
Utiliser la méthode removeClass() de jQuery pour supprimer le code de style de pseudo-classe :hover est le moyen le plus simple. Sa syntaxe est la suivante :

$("selector").removeClass("className");

Cette méthode peut être appliquée à n'importe quel élément avec un nom de classe. Par exemple :

$("a").removeClass("hover");

Cette méthode peut supprimer le style nommé hover de tous les éléments a.

Méthode 2 : utiliser l'événement mouseleave
L'utilisation de l'événement mouseleave de jQuery peut également supprimer l'effet de pseudo-classe :hover. Effectue une action personnalisée lorsque la souris quitte l'élément spécifié. L'événement mouseleave correspond à l'événement mouseenter.

Sa syntaxe est la suivante :

$("selector").mouseleave(function(){
// Supprimer le code de style spécifié associé
});

Par exemple :

$("a").mouseleave (function(){
$(this).css("background-color","white");
});

Cet exemple consiste à définir la couleur d'arrière-plan du lien sur blanc lorsque la souris quitte un lien.

Méthode 3 : Utiliser l'événement Mouseout
L'utilisation de l'événement mouseout de jQuery peut également obtenir le même effet Lorsque la souris d'un élément le quitte, effectuez une certaine opération.

Sa syntaxe est la suivante :

$("selector").mouseout(function(){
// Supprimer le code de style spécifié associé
});

Par exemple :

$("a").mouseout ( function(){
$(this).css("background-color","white");
});

C'est la même chose que l'événement mousemove mentionné ci-dessus, car ils sont exécutés lorsque la souris quitte un élément Opérations correspondantes.

Résumé
Dans le développement réel, les développeurs doivent choisir différentes méthodes pour supprimer l'effet de la pseudo-classe :hover en fonction de la situation réelle. Les trois méthodes ci-dessus sont les méthodes les plus couramment utilisées dans le développement réel et peuvent obtenir de meilleurs résultats.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!