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

Bu yazımızda 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 adında bir 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ı

Css Kodları

Jquery Kodları

Umarım sizin için faydalı bir yazı olmuştur.

Yeni bir yazımda görüşmek üzere. 

Leave a Reply

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