მეთოდი addClass

მეთოდი addClass ემატება ელემენტს მითითებულ CSS კლასს.

სინტაქსი

ერთი CSS კლასი:

javascript$(სელექტორი).addClass(CSS კლასის სახელი);

რამდენიმე CSS კლასი (სტრიქონით):

javascript$(სელექტორი).addClass('კლასი1 კლასი2 კლასი3 ...');

რამდენიმე CSS კლასი (მასივით):

javascript$(სელექტორი).addClass(['კლასი1', 'კლასი2', 'კლასი3', '...']);

ფუნქციის გამოყენება ნაკრების თითოეულ ელემენტზე:

javascript$(სელექტორი).addClass(function(ნომერი ნაკრებში, ელემენტის ამჟამინდელი CSS კლასები));

მაგალითი

ჩვენს აბზაცს საერთოდ არ აქვს კლასები. მოდით დავამატოთ მას კლასი www:

html<p id="test">ტექსტი</p>

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

HTML კოდი ასე გამოიყურება:

html<p id="test" class="www">ტექსტი</p>

მაგალითი

ჩვენს აბზაცს უკვე აქვს კლასი. მოდით დავამატოთ მას კიდევ კლასი www:

html<p id="test" class="eee">ტექსტი</p>

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

HTML კოდი ასე გამოიყურება:

html<p id="test" class="eee www">ტექსტი</p>

მაგალითი

ჩვენს აბზაცს უკვე აქვს ორი კლასი. მოდით დავამატოთ მას კიდევ კლასი www:

html<p id="test" class="eee ggg">ტექსტი</p>

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

HTML კოდი ასე გამოიყურება:

html<p id="test" class="eee ggg www">ტექსტი</p>

მაგალითი

ჩვენს აბზაცს უკვე აქვს კლასი. მოდით დავამატოთ მას კიდევ ორი კლასი - www და ggg:

html<p id="test" class="eee">ტექსტი</p>

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

HTML კოდი ასე გამოიყურება:

html<p id="test" class="eee www ggg">ტექსტი</p>

იხილეთ აგრეთვე