Methode addClass
Die Methode addClass fügt
dem Element die angegebene CSS-Klasse hinzu.
Syntax
Eine CSS-Klasse:
$(Selector).addClass(Name der CSS-Klasse);
Mehrere CSS-Klassen (als String):
$(Selector).addClass('Klasse1 Klasse2 Klasse3 ...');
Mehrere CSS-Klassen (als Array):
$(Selector).addClass(['Klasse1', 'Klasse2', 'Klasse3', '...']);
Anwenden einer Funktion auf jedes Element im Set:
$(Selector).addClass(function(Index im Set, aktuelle CSS-Klassen des Elements));
Beispiel
Unser Absatz hat überhaupt keine Klassen. Lassen Sie uns
ihm die Klasse www hinzufügen:
<p id="test">text</p>
$('#test').addClass('www');
Der HTML-Code sieht dann so aus:
<p id="test" class="www">text</p>
Beispiel
Unser Absatz hat bereits eine Klasse. Lassen Sie uns
ihm zusätzlich die Klasse www hinzufügen:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
Der HTML-Code sieht dann so aus:
<p id="test" class="eee www">text</p>
Beispiel
Unser Absatz hat bereits zwei Klassen. Lassen Sie uns
ihm zusätzlich die Klasse www hinzufügen:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
Der HTML-Code sieht dann so aus:
<p id="test" class="eee ggg www">text</p>
Beispiel
Unser Absatz hat bereits eine Klasse. Lassen Sie uns
ihm zwei weitere Klassen hinzufügen - www und ggg:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
Der HTML-Code sieht dann so aus:
<p id="test" class="eee www ggg">text</p>
Siehe auch
-
Methoden
removeClass,toggleClass,hasClass -
JavaScript-Eigenschaft
classlist,
mit der CSS-Klassen eines Elements im reinen JavaScript hinzugefügt und entfernt werden können
