JQuery addClass(), removeClass(), toggleClass() Kullanımı

Merhaba Arkadaşlar,
Bu makalede Html etiketleri üzerinde css işlerimizi çok kolaylaştıran addClass(), removeClass(), toggleClass() metodlarının ne işe yaradığını ve nasıl kullanabileceğimizi öğreneceğiz.

► addClass() metodu ile seçtiğimiz html etiketine istediğimiz class’ı ekleyebiliriz.

► removeClass() metodu ile seçtiğimiz html etiketinden istediğimiz class’ı silebiliriz.

► toggleClass() metodu ile seçtiğimiz html etiketinden istediğimiz class’ı varsa silebilir yoksa ekleyebiliriz.

Örneğimizde bir p etiketi tanımlayalım ve screen class’ı oluşturalım.Metodlarımız ile p etiketine, screen class’ını ekleyip silme işlemlerini gerçekleştirelim.Tarayıcınızda sağ tıklayıp incele derseniz html etiketi üzerindeki class değişikliklerini inceleyerek daha iyi anlayabilirsiniz.

Html kodlarımız,

Css Kodlarımız,

Jquery Kodlarımız,

Yeni bir makalede görüşmek üzere. 

Önceki : JQuery Dersleri 13 – remove(), empty() Kullanımı

Sonraki : JQuery Dersleri 15 – css() Kullanımı

Leave a Reply

TASARIMLARINIZDA KULLANABİLECEĞİNİZ TAM 150 FARKLI RENK PALETİRenkleri Göster
+ +