addClass Metodu
addClass metodu,
belirtilen CSS sınıfını elemente ekler.
Sözdizimi
Bir CSS sınıfı:
$(seçici).addClass(CSS sınıf adı);
Birden fazla CSS sınıfı (string olarak):
$(seçici).addClass('sınıf1 sınıf2 sınıf3 ...');
Birden fazla CSS sınıfı (dizi olarak):
$(seçici).addClass(['sınıf1', 'sınıf2', 'sınıf3', '...']);
Her bir elemente fonksiyon uygulama:
$(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:
<p id="test">metin</p>
$('#test').addClass('www');
HTML kodu şu şekilde görünecek:
<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:
<p id="test" class="eee">metin</p>
$('#test').addClass('www');
HTML kodu şu şekilde görünecek:
<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:
<p id="test" class="eee ggg">metin</p>
$('#test').addClass('www');
HTML kodu şu şekilde görünecek:
<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:
<p id="test" class="eee">metin</p>
$('#test').addClass('www ggg');
HTML kodu şu şekilde görünecek:
<p id="test" class="eee www ggg">metin</p>
Ayrıca Bakınız
-
removeClass,toggleClass,hasClassmetodları -
JavaScript özelliği
classlist,
saf JavaScript kullanarak elementin CSS sınıflarını eklemek ve kaldırmak için kullanılır
