jQuery addClass(), removeClass(), toggleClass() Metodları ve Kullanımları

Bu yazımızda Html öğeleri üzerinde Css işlemlerimizi çok kolaylaştıran addClass, removeClass, toggleClass fonksiyonlarının ne işe yaradığını ve nasıl kullanabileceğimizi anlatacağım.

Şimdi sırasıyla bu fonksiyonların ne işe yaradığını ve nasıl kullanıldığını inceleyelim.

Daha sonra da tüm fonksiyonları aynı anda içeren bir uygulama yapalım. Böylece fonksiyonların birbirinden farkını daha iyi anlayabiliriz.

 ⇒  addClass Fonksiyonu : addClass() fonksiyonu ile seçtiğimiz Html öğesinin class attribute’una istediğimiz class isimlerini ekleyebiliriz.

 ⇒  removeClass Fonksiyonu : removeClass() fonksiyonu ile seçtiğimiz Html öğesinin class attribute’undan istediğimiz class isimlerini silebiliriz.

 ⇒  toggleClass Fonksiyonu : toggleClass() fonksiyonu ile seçtiğimiz Html öğesinin class attribute’undan istediğimiz class isimlerini varsa silebilir yoksa ekleyebiliriz.

addClass() fonksiyonu ile p etiketinin class attribute’una screen class’ını ekleyelim.

removeClass() fonksiyonu ile p etiketinin class attribute’undan screen class’ını silelim.

toggleClass() fonksiyonu ile her tıklamada p etiketinin class attribute’undan screen class’ını ekleyip silelim.

Artık bu fonksiyonları içerisinde barındıran uygulamamıza geçebiliriz.

Html Kodları

Css Kodları

jQuery Kodları

Umarım “jQuery addClass(), removeClass(), toggleClass() Fonksiyonları ve Kullanımları” başlıklı yazım sizin için faydalı olmuştur.

Şu yazılar da ilginizi çekebilir.

jQuery text(), html(), val() Fonksiyonları ve Kullanımları

jQuery slideDown(), slideUp(), slideToggle() Fonksiyonları ve Kullanımları

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

Yorum Yazın

650+ ABONE ARASINA KATIL

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Bilgisayar, Telefon, Android, Veri Güvenliği ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.

Abone olduğunuz için teşekkürler.

Birşeyler yanlış gitti.