მეთოდი addClass
მეთოდი addClass ემატება
ელემენტს მითითებულ CSS კლასს.
სინტაქსი
ერთი CSS კლასი:
$(სელექტორი).addClass(CSS კლასის სახელი);
რამდენიმე CSS კლასი (სტრიქონით):
$(სელექტორი).addClass('კლასი1 კლასი2 კლასი3 ...');
რამდენიმე CSS კლასი (მასივით):
$(სელექტორი).addClass(['კლასი1', 'კლასი2', 'კლასი3', '...']);
ფუნქციის გამოყენება ნაკრების თითოეულ ელემენტზე:
$(სელექტორი).addClass(function(ნომერი ნაკრებში, ელემენტის ამჟამინდელი CSS კლასები));
მაგალითი
ჩვენს აბზაცს საერთოდ არ აქვს კლასები. მოდით
დავამატოთ მას კლასი www:
<p id="test">ტექსტი</p>
$('#test').addClass('www');
HTML კოდი ასე გამოიყურება:
<p id="test" class="www">ტექსტი</p>
მაგალითი
ჩვენს აბზაცს უკვე აქვს კლასი. მოდით დავამატოთ
მას კიდევ კლასი www:
<p id="test" class="eee">ტექსტი</p>
$('#test').addClass('www');
HTML კოდი ასე გამოიყურება:
<p id="test" class="eee www">ტექსტი</p>
მაგალითი
ჩვენს აბზაცს უკვე აქვს ორი კლასი. მოდით
დავამატოთ მას კიდევ კლასი www:
<p id="test" class="eee ggg">ტექსტი</p>
$('#test').addClass('www');
HTML კოდი ასე გამოიყურება:
<p id="test" class="eee ggg www">ტექსტი</p>
მაგალითი
ჩვენს აბზაცს უკვე აქვს კლასი. მოდით დავამატოთ
მას კიდევ ორი კლასი - www და ggg:
<p id="test" class="eee">ტექსტი</p>
$('#test').addClass('www ggg');
HTML კოდი ასე გამოიყურება:
<p id="test" class="eee www ggg">ტექსტი</p>
იხილეთ აგრეთვე
-
მეთოდები
removeClass,toggleClass,hasClass -
JavaScript-ის თვისება
classlist,
რ whose-ის მეშვეობით შესაძლებელია CSS კლასების ელემენტთან დამატება და წაშლა სუფთა JavaScript-ზე
