Metodas addClass
Metodas addClass prideda
nurodytą CSS klasę elementui.
Sintaksė
Viena CSS klasė:
$(selektorius).addClass(CSS klasės pavadinimas);
Kelios CSS klasės (kaip eilutė):
$(selektorius).addClass('klase1 klase2 klase3 ...');
Kelios CSS klasės (kaip masyvas):
$(selektorius).addClass(['klase1', 'klase2', 'klase3', '...']);
Funkcijos taikymas kiekvienam elementui rinkinyje:
$(selektorius).addClass(function(eilės numeris rinkinyje, esamos elemento CSS klasės));
Pavyzdys
Mūsų pastraipai visiškai nėra klasių. Pridėkime
jai klasę www:
<p id="test">text</p>
$('#test').addClass('www');
HTML kodas atrodys taip:
<p id="test" class="www">text</p>
Pavyzdys
Mūsų pastraipa jau turi klasę. Pridėkime
jai dar ir klasę www:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
HTML kodas atrodys taip:
<p id="test" class="eee www">text</p>
Pavyzdys
Mūsų pastraipa jau turi dvi klases. Pridėkime
jai dar ir klasę www:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
HTML kodas atrodys taip:
<p id="test" class="eee ggg www">text</p>
Pavyzdys
Mūsų pastraipa jau turi klasę. Pridėkime
jai dar dvi klases - www ir ggg:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
HTML kodas atrodys taip:
<p id="test" class="eee www ggg">text</p>
Taip pat žiūrėkite
-
metodai
removeClass,toggleClass,hasClass -
JavaScript savybė
classlist,
kuria galima pridėti ir pašalinti elemento CSS klases naudojant gryną JavaScript
