Comment puis-je obtenir des effets de survol dans jQuery sans utiliser la pseudo-classe :hover ?

Application de pseudo-classes avec jQuery

L'ajout de pseudo-classes aux éléments à l'aide de jQuery diffère de l'utilisation de la pseudo-classe CSS :hover. Alors que :hover spécifie des vues lors du survol d'un élément en CSS, il est impossible d'activer directement de telles pseudo-classes avec jQuery.

Pour reproduire le comportement de survol, une classe alternative, telle que .jqhover, peut être définie dans le feuille de style :

.element_class_name:hover, .element_class_name.jqhover {
  /* hover styles */
}

À l'aide de jQuery, cette classe peut être ajoutée à l'élément pour déclencher le styles :

$(this).addClass("jqhover"); // Activates hover-like styles

Alternativement, sans modifier la feuille de style, vous pouvez ajouter directement la classe .element_class_name:hover à l'élément à l'aide de jQuery, car elle atteint le même objectif :

$(this).addClass(".element_class_name:hover");

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!