Metoden addClass
Metoden addClass lägger till
en angiven CSS-klass till ett element.
Syntax
En CSS-klass:
$(selector).addClass(namn på CSS-klass);
Flera CSS-klasser (som sträng):
$(selector).addClass('klass1 klass2 klass3 ...');
Flera CSS-klasser (som array):
$(selector).addClass(['klass1', 'klass2', 'klass3', '...']);
Tillämpa en funktion på varje element i urvalet:
$(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:
<p id="test">text</p>
$('#test').addClass('www');
HTML-koden kommer att se ut så här:
<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:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
HTML-koden kommer att se ut så här:
<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:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
HTML-koden kommer att se ut så här:
<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:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
HTML-koden kommer att se ut så här:
<p id="test" class="eee www ggg">text</p>
Se även
-
metoderna
removeClass,toggleClass,hasClass -
JavaScript-egenskapen
classlist,
som kan användas för att lägga till och ta bort CSS-klasser för ett element med vanlig JavaScript
