Wie füge ich einem Div-Element in JQuery eine CSS-Klasse hinzu? Ich habe ein Div mit einer CSS-Klasse und das Div enthält ein Formular. Nachdem ich auf "Submit" geklickt habe, möchte ich, dass die ursprüngliche CSS-Klasse verschwindet und eine neue Klasse hinzugefügt wird. Ich benutze JQuery als RahmenWie füge ich einem Div-Element in JQuery eine CSS-Klasse hinzu?
$("#element_id").removeClass("oldclass").addClass("newclass");
Um eine Klasse hinzuzufügen, verwenden addClass:
$('#myDiv').addClass("blah");
Also auf Ihr einreichen Sie so etwas wie tun:
$('#submit').click(function() {
$('#myDiv').removeClass().addClass("blah");
});
Aufruf removeClass ohne Parameter entfernt alle Klassen, die mit diesem Element verknüpft sind. Alternativ können Sie removeAttr („style“)
Da OP keine ids nicht erwähnt rufe ich mit einer Klasse-Selektor und Kommissionierung das erste Element in der Sammlung gehen würde (was falsch sein könnte, offcourse).
$(".OriginalClass").removeClass("OriginalClass").addClass("blah");
Das ursprüngliche Beispiel war falsch, wie die Elemente in der Sammlung regelmäßig Objekte und als solche haben sie nicht die removeClass und addClass Methoden.
Das aktuelle Beispiel entfernt die Klasse für alle Elemente, die immer noch fehlerhaft ist, aber meiner Meinung nach funktioniert besser mit dem, was OP wollte.
ich glaube, Sie
$("#target").addClass("newclass");
zum Hinzufügen der Klasse der elemet #target verwenden können und
$("#target").removeClass("newclass");
es zu entfernen.
Wenn Sie nicht wissen, ob die Klasse bereits vorhanden ist oder nicht, können Sie
$("#target").toggleClass("newclass");
verwenden, wenn sein dort, wird es entfernt werden, und wenn sie nicht da wird es hinzugefügt.
Ist mit der jQuery-Dokumentation etwas nicht in Ordnung? Es hätte nicht schwer gewesen, das dort zu finden. – Tomalak
Viel einfacher zu fragen und die Antwort zu bekommen, als Zeit zu lesen. –
Die jQuery-Dokumentation ist sehr gut, aber manchmal ist es schwierig, schnell zu finden, wonach Sie suchen. –