addClass Metodu

addClass metodu, belirtilen CSS sınıfını elemente ekler.

Sözdizimi

Bir CSS sınıfı:

javascript$(seçici).addClass(CSS sınıf adı);

Birden fazla CSS sınıfı (string olarak):

javascript$(seçici).addClass('sınıf1 sınıf2 sınıf3 ...');

Birden fazla CSS sınıfı (dizi olarak):

javascript$(seçici).addClass(['sınıf1', 'sınıf2', 'sınıf3', '...']);

Her bir elemente fonksiyon uygulama:

javascript$(seçici).addClass(function(kümedeki sıra numarası, elementin mevcut CSS sınıfları));

Örnek

Paragrafımızın hiç sınıfı yok. Hadi ona www sınıfını ekleyelim:

html<p id="test">metin</p>

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

HTML kodu şu şekilde görünecek:

html<p id="test" class="www">metin</p>

Örnek

Paragrafımızın zaten bir sınıfı var. Hadi ona bir de www sınıfını ekleyelim:

html<p id="test" class="eee">metin</p>

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

HTML kodu şu şekilde görünecek:

html<p id="test" class="eee www">metin</p>

Örnek

Paragrafımızın zaten iki sınıfı var. Hadi ona bir de www sınıfını ekleyelim:

html<p id="test" class="eee ggg">metin</p>

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

HTML kodu şu şekilde görünecek:

html<p id="test" class="eee ggg www">metin</p>

Örnek

Paragrafımızın zaten bir sınıfı var. Hadi ona iki sınıf daha ekleyelim - www ve ggg:

html<p id="test" class="eee">metin</p>

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

HTML kodu şu şekilde görünecek:

html<p id="test" class="eee www ggg">metin</p>

Ayrıca Bakınız