ელემენტს კლასის დამატება jQuery-ში
შეგახსენებთ, რომ ატრიბუტში
class
HTML კოდში შეგიძლიათ ჩაწეროთ რამდენიმე
კლასი გამოყოფილი სფეისით.
წარმოვიდგინოთ ასეთი სიტუაცია - გსურთ
დაამატოთ ახალი კლასი არსებულებს, მათი
გადაფარვის გარეშე. ამ შემთხვევაში, უბრალოდ
.attr('class', 'new-class')
გაკეთება არ გამოგივათ (მეთოდის
attr
გამოყენებით)
- თქვენ გადაფარავთ იმ კლასებს, რომლებიც
უკვე არის ატრიბუტში.
შესაძლებელია, რა თქმა უნდა, ჯერ წაიკითხოთ კლასები,
რომლებიც იქ არის, შემდეგ დაუმატოთ მათ ჩვენი
კლასი სფეისით და ჩაწეროთ ყველაფერი უკან
ატრიბუტში, მაგრამ არსებობს უფრო მარტივი გზა - jQuery-ში
ასეთი რამისთვის გათვალისწინებულია მეთოდი
addClass.
მეთოდი addClass საშუალებას გაძლევთ დაამატოთ
კლასი ელემენტს (ან ელემენტებს), მათი
გადაფარვის გარეშე. კლასი, რომელიც თქვენ
გსურთ დაუმატოთ ელემენტს, მეთოდის
პარამეტრად მიიღება.
შემდეგ მაგალითში ჩვენ გვაქვს ელემენტი
ორი კლასით - class="www zzz":
<p class="www zzz" id="test">text</p>
ჩვენ შეგვიძლია მას დავუმატოთ მესამე კლასი -
kkk. შედეგად ატრიბუტის შიგთავსი
გახდება ასეთი - class="www zzz kkk":
$('#test').addClass('kkk');
HTML კოდი ასე გამოიყურება:
<p class="www zzz kkk" id="test">text</p>
ყველა li ელემენტს დაუმატეთ კლასი test.
