Wie kann ich CSS „:after'-Selektoren mit jQuery ändern?

Verwendung von jQuery zum Ändern von „:after“-Selektoren

Der Zugriff auf den „:after“-CSS-Selektor mithilfe von jQuery kann bestimmte Herausforderungen mit sich bringen, da die Das Element „:after“ existiert außerhalb des DOM und ist nicht direkt zugänglich. Es gibt jedoch Problemumgehungen, um die gewünschte Änderung zu erreichen.

Benutzerdefinierte CSS-Klasse:

Ein Ansatz besteht darin, eine neue Klasse mit einem benutzerdefinierten „:after“-Element zu erstellen hat Vorrang vor dem Original. Zum Beispiel:

.pageMenu .active.changed:after {
    border-top-width: 22px;
    border-left-width: 22px;
    border-right-width: 22px;
}

jQuery-Manipulation:

Als nächstes verwenden Sie jQuery, um die benutzerdefinierte Klasse für das Zielelement umzuschalten:

$('.pageMenu .active').toggleClass('changed');

Pseudoelement-Manipulation:

Alternativ erkunden „Manipulieren von CSS-Pseudoelementen mit jQuery (z. B. :before und :after)“ für zusätzliche Techniken zum Lesen oder Überschreiben von Pseudoelementen.

Das obige ist der detaillierte Inhalt vonWie kann ich CSS „:after'-Selektoren mit jQuery ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!