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. 

Yorum Yazın

E-BÜLTEN ABONELİĞİ

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Asp.Net MVC, MSSQL ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.
ABONE OL
close-link