Heim > Web-Frontend > js-Tutorial > Hauptteil

Was tun, wenn jquery addclass nicht funktioniert?

藏色散人
Freigeben: 2023-01-04 09:37:56
Original
4187 Leute haben es durchsucht

jquery addclass funktioniert nicht, da die Priorität des neu hinzugefügten Stils niedriger ist als die des ursprünglichen Stils. Die Lösung besteht darin, die geänderte Stilschrift in „.test .change{background: white;}“ zu ändern.

Was tun, wenn jquery addclass nicht funktioniert?

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.2.6-Version, DELL G3-Computer. Diese Methode ist für alle Computermarken geeignet.

Empfohlen: jquery-Video-Tutorial

Nach der Verwendung der addClass-Methode von jquery wurde der Stil erfolgreich hinzugefügt, hat aber immer noch keine Auswirkung, da die Priorität des neu hinzugefügten Stils niedriger ist als die des ursprünglichen Stils.

Zum Beispiel lautet der ursprüngliche Stil wie folgt:

.test div{
width: 100px;
height: 100px;
background: black;
}
Nach dem Login kopieren

Der geänderte Stil lautet wie folgt:

.change{
background: white;
}
Nach dem Login kopieren

Wie dieser ursprüngliche Stil mit einem übergeordneten Element, direkt unter Verwendung der addClass("change")-Anweisung für das div im .test-Container hat keine Auswirkung. Da die Priorität des Änderungsstils niedriger ist als die des ursprünglichen Stils, können Sie die folgende Methode verwenden:

Ändern Sie den geänderten Stil in:

.test .change{
background: white;
}
Nach dem Login kopieren

oder in:

.change{
background: white!important;
}
Nach dem Login kopieren

Verwenden Sie zu diesem Zeitpunkt addClass( Die Anweisung „Änderung für das Div im .test-Container“) ist gültig

Das obige ist der detaillierte Inhalt vonWas tun, wenn jquery addclass nicht funktioniert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage