Элементке jQuery-де класс қосу
Еске сала кетейім, HTML кодында
class
атрибутында бірнеше классты бос орын арқылы жазуға болады.
Мынандай жағдайды елестетейік - сіз бар класстарды жоймай, оларға жаңа класс қосқыңыз келеді. Бұл жағдайда, жай .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 класын қосыңыз.