Heim >Web-Frontend >js-Tutorial >So legen Sie das CSS von div in js fest
So legen Sie das CSS von div in js fest: Führen Sie zuerst das JQuery-Plug-In ein. Ändern Sie dann den HTML-Stil mithilfe der CSS-Methode von JQuery oder verwenden Sie die AddClass-Methode von JQuery, um einen CSS-Stil zu HTML zu ändern oder hinzuzufügen.
Die Betriebsumgebung dieses Artikels: Windows 7-System, JQuery-Version 1.8.3, Dell G3-Computer.
Um die Verwendung bequemer und einfacher zu gestalten, führen wir das JQuery-Plug-In ein und verwenden JQuery für den Betrieb.
Unser HTML ist sehr einfach, nur ein Div mit einem Text darin.
Öffnen Sie die Seite, jetzt verwendet das Div keinen CSS-Stil.
Um den HTML-Stil zu ändern, können wir direkt die CSS-Methode von jquery verwenden:
$("#div_d").css("background-color","#0e90d2");
Aktualisieren Sie die Seite Sehen Sie sich das aktuelle Div an. Die Hintergrundfarbe wird blau.
Wenn mehrere CSS-Stilwerte geändert werden müssen, ist es schwieriger, das CSS direkt zu ändern und mehrere Aufrufe zu erfordern. Derzeit besteht unsere vernünftigere Methode darin, einen CSS-Stil in HTML zu ändern oder hinzuzufügen.
Verwenden Sie die addClass-Methode von jquery: $("#div_d").addClass("div_class");
Unser CSS-Stil div_class ist wie in der Abbildung gezeigt definiert, die mehrere Stilwerte definiert.
Sehen Sie sich noch einmal den Effekt der aktuellen Seite an. Der Stil wurde erfolgreich hinzugefügt. [Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]
Das obige ist der detaillierte Inhalt vonSo legen Sie das CSS von div in js fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!