Ich habe ein Projekt geerbt, an dem ich arbeite, und ich aktualisiere einige jquery-Animationen (sehr wenig Übung mit jquery).
Ich habe ein Div, zu dem ich das Stilattribut hinzufügen und entfernen muss. Hier ist der div:
<div id='voltaic_holder'>
An einer Stelle in der Animation muss ich einen Stil hinzufügen:
<div id='voltaic_holder' style='position:absolute;top:-75px'>
Ich habe mich umgesehen und die .removeAttr()
Methode gefunden , aber ich kann nicht sehen, wie ich sie oder sogar entfernte Teile davon hinzufügen soll (wie oben: nur -75px).
Vielen Dank,
$('voltaic_holder').style = null
vielleicht? Stile haben ihren eigenen Objektbaum. Die meisten anderen Attribute sind nur Daten vom Typ key = value.Antworten:
Sie können Folgendes tun
Legen Sie jede Stileigenschaft einzeln fest:
Legen Sie mehrere Stileigenschaften gleichzeitig fest:
Entfernen Sie einen bestimmten Stil:
Entfernen Sie das gesamte Stilattribut:
quelle
$("#voltaic_holder").css("position", "relative");
$("#voltaic_holder").css("top", "-75");
Gehen Sie folgendermaßen vor, um das Stilattribut des
voltaic_holder
Bereichs vollständig zu entfernen :Gehen Sie folgendermaßen vor, um ein Attribut hinzuzufügen:
Gehen Sie folgendermaßen vor, um nur den oberen Stil zu entfernen:
quelle
Wenn Sie jQuery verwenden, verwenden CSS CSS hinzufügen
So entfernen Sie CSS-Attribute
quelle
.css
Der einfache Weg, dies zu handhaben (und die beste HTML-Lösung zum Booten), besteht darin, Klassen einzurichten, die die Stile haben, die Sie verwenden möchten. Dann ist es einfach, addClass () und removeClass () oder sogar toggleClass () zu verwenden .
oder auch
quelle
Hier finden Sie Informationen zum dynamischen Hinzufügen eines Stils für die Textausrichtung mithilfe von jQuery
quelle
Bei der .css- Methode in jQuery für ! Gilt die wichtige Regel nicht.
In diesem Fall sollten wir die .attr- Funktion verwenden.
Zum Beispiel: Wenn Sie den folgenden Stil hinzufügen möchten:
<div id='voltaic_holder' style='position:absolute;top:-75px !important'>
Du solltest benutzen:
$("#voltaic_holder").attr("style", "position:absolute;top:-75px !important");
Hoffe es hilft jemandem.
quelle
Entfernen Sie das Stilattribut mit der J-Abfrage aus div:
Hinzufügen eines Stils zu div mithilfe der J-Abfrage:
Stil mit HTML hinzufügen:
Hoffe es wird hilfreich :)
quelle