Wie kann ich Hover-Effekte in jQuery erzielen, ohne die Pseudoklasse :hover zu verwenden?

Anwenden von Pseudoklassen mit jQuery

Das Hinzufügen von Pseudoklassen zu Elementen mithilfe von jQuery unterscheidet sich von der Verwendung der CSS-Pseudoklasse :hover. Während :hover in CSS Ansichten angibt, wenn man mit der Maus über ein Element fährt, ist es unmöglich, solche Pseudoklassen mit jQuery direkt zu aktivieren.

Um das Hover-Verhalten zu replizieren, kann eine alternative Klasse, wie z. B. .jqhover, im definiert werden Stylesheet:

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

Mit jQuery kann diese Klasse dem Element hinzugefügt werden, um das gewünschte auszulösen Stile:

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

Alternativ können Sie, ohne das Stylesheet zu ändern, die Klasse .element_class_name:hover direkt mit jQuery zum Element hinzufügen, da sie das gleiche Ziel erreicht:

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

Das obige ist der detaillierte Inhalt vonWie kann ich Hover-Effekte in jQuery erzielen, ohne die Pseudoklasse :hover zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!