addClass metodu
addClass metodu
göstərilən CSS sinfini elementə əlavə edir.
Sintaksis
Bir CSS sinfi:
$(selektor).addClass(CSS sinfinin adı);
Bir neçə CSS sinfi (sətir kimi):
$(selektor).addClass('sinif1 sinif2 sinif3 ...');
Bir neçə CSS sinfi (massiv kimi):
$(selektor).addClass(['sinif1', 'sinif2', 'sinif3', '...']);
Hər bir elementə funksiyanın tətbiq edilməsi:
$(selektor).addClass(funksiya(dəstdəki nömrə, elementin hazırki CSS sinifləri));
Nümunə
Bizim abzasın heç bir sinfi yoxdur. Gəlin
ona www sinfini əlavə edək:
<p id="test">mətn</p>
$('#test').addClass('www');
HTML kodu belə görünəcək:
<p id="test" class="www">mətn</p>
Nümunə
Bizim abzasın artıq sinfi var. Gəlin ona
www sinfini də əlavə edək:
<p id="test" class="eee">mətn</p>
$('#test').addClass('www');
HTML kodu belə görünəcək:
<p id="test" class="eee www">mətn</p>
Nümunə
Bizim abzasın artıq iki sinfi var. Gəlin
ona www sinfini də əlavə edək:
<p id="test" class="eee ggg">mətn</p>
$('#test').addClass('www');
HTML kodu belə görünəcək:
<p id="test" class="eee ggg www">mətn</p>
Nümunə
Bizim abzasın artıq sinfi var. Gəlin ona
www və ggg siniflərini əlavə edək:
<p id="test" class="eee">mətn</p>
$('#test').addClass('www ggg');
HTML kodu belə görünəcək:
<p id="test" class="eee www ggg">mətn</p>
Həmçinin bax
-
removeClass,toggleClass,hasClassmetodları -
JavaScript xassəsi
classlist,
onun vasitəsi ilə elementin CSS siniflərini saf JavaScript-də əlavə etmək və silmək olar