Methode addClass

Die Methode addClass fügt dem Element die angegebene CSS-Klasse hinzu.

Syntax

Eine CSS-Klasse:

javascript$(Selector).addClass(Name der CSS-Klasse);

Mehrere CSS-Klassen (als String):

javascript$(Selector).addClass('Klasse1 Klasse2 Klasse3 ...');

Mehrere CSS-Klassen (als Array):

javascript$(Selector).addClass(['Klasse1', 'Klasse2', 'Klasse3', '...']);

Anwenden einer Funktion auf jedes Element im Set:

javascript$(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:

html<p id="test">text</p>

javascript$('#test').addClass('www');

Der HTML-Code sieht dann so aus:

html<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:

html<p id="test" class="eee">text</p>

javascript$('#test').addClass('www');

Der HTML-Code sieht dann so aus:

html<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:

html<p id="test" class="eee ggg">text</p>

javascript$('#test').addClass('www');

Der HTML-Code sieht dann so aus:

html<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:

html<p id="test" class="eee">text</p>

javascript$('#test').addClass('www ggg');

Der HTML-Code sieht dann so aus:

html<p id="test" class="eee www ggg">text</p>

Siehe auch