Ich füge dynamisch etwas HTML auf einer Webseite ein (nachdem ich ein Ereignis vom Benutzer entdeckt habe). Dieser HTML-Code benötigt CSS-Formatierung und ich frage mich, was ist der sauberste Weg, dies zu tun, mit jQuery. Ich bin nicht der Entwickler der Website, also kann ich diese Regeln nicht zum Original css hinzufügen.
Angenommen, ich habe bereits einige HTML-Inhalte ohne Styling eingefügt, einschließlich einer formElement -Klasse. Ich kann in meinem Dokument einen neuen <style> -Block schreiben, zum Beispiel:
Oder ich kann die Methode css verwenden:
Welche Lösung ist die beste / sauberste?
BEARBEITEN:
Da ich die Regeln im CSS nicht direkt hinzufügen kann, werde ich bei der Methode css von jQuery bleiben. Einige andere verwandte Fragen bieten auch Lösungen:
Ich kann jQuery-Plugins nicht wirklich verwenden, aber wenn ich könnte, würde ich sicherlich jQuery.Rule
Vielen Dank für Ihre wertvolle Hilfe.
Ehrlich gesagt, ist der beste Weg möglicherweise nicht. Wenn ich einen auswählen müsste, wäre die jquery css -Methode meine Wahl, nur weil sie sauberer ist, bedenke diese Alternative jedoch für bessere Leistung und saubereren Code:
Erstellen Sie CSS-Klassen, die Sie bei Bedarf an Ihre Elemente anhängen können. Zum Beispiel:
%Vor%dann, mit jquery, wenn Sie es brauchen:
%Vor%oder
%Vor% Ich würde die Methode jQuery css für Instanzen reservieren, bei denen Sie ein bestimmtes Element aufgrund einer Benutzerinteraktion oder eines anderen dynamischen Ereignisses ändern müssen, bei dem Sie den Wert Ihrer JavaScript-Variablen verwenden müssen, um die Stile zu bestimmen bewirbt sich. Da es so aussieht, als ob Sie bereits wissen, wie Sie sie stylen wollen, lassen Sie CSS die Arbeit machen.
Verwenden Sie jquery .css (propertyName, value)
%Vor%Dies ist das Beste unter den Lösungen, die Sie bereitgestellt haben.
JEDOCH Ich würde für die Erstellung einer Klasse mit allen Eigenschaften sagen yourCSS und fügen Sie die Klasse zu diesem Element hinzu:
Ihre zweite Option:
%Vor%Dies ist bei weitem die sauberste Lösung!
Tags und Links javascript jquery css