Metoden addClass

Metoden addClass lägger till en angiven CSS-klass till ett element.

Syntax

En CSS-klass:

javascript$(selector).addClass(namn på CSS-klass);

Flera CSS-klasser (som sträng):

javascript$(selector).addClass('klass1 klass2 klass3 ...');

Flera CSS-klasser (som array):

javascript$(selector).addClass(['klass1', 'klass2', 'klass3', '...']);

Tillämpa en funktion på varje element i urvalet:

javascript$(selector).addClass(function(nummer i urvalet, nuvarande CSS-klasser för elementet));

Exempel

Vårt stycke har inga klasser alls. Låt oss lägga till klassen www till det:

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

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

HTML-koden kommer att se ut så här:

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

Exempel

Vårt stycke har redan en klass. Låt oss lägga till klassen www till det:

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

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

HTML-koden kommer att se ut så här:

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

Exempel

Vårt stycke har redan två klasser. Låt oss lägga till klassen www till det:

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

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

HTML-koden kommer att se ut så här:

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

Exempel

Vårt stycke har redan en klass. Låt oss lägga till två klasser till det - www och ggg:

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

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

HTML-koden kommer att se ut så här:

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

Se även