jQuery css() Metodu ve Kullanımı

Bu yazımızda jQuery css() metodunun ne işe yaradığını ve nasıl kullanabileceğimizi öğreneceğiz.

css() metodu ile bir Html etiketinin Css değerlerini öğrenebiliriz. Yada bir Html etiketine bir veya daha fazla Css özelliği verebiliriz. Örneğin;

 ⇒  Bir Html etiketinin color özelliğinin değerini öğrenmek için şunu yazmamız yeterli.

 ⇒  Yada bir Html etiketinin color özelliğinin değerini “red” yapmak için şu şekilde yazabiliyoruz.

 ⇒  Son olarak bir Html etiketine aynı anda birden fazla Css özelliğini nasıl verebileceğimize bakalım.

Yukarıdaki kod ile seçmiş olduğumuz Html etiketine background-color ve font-size özelliklerini birlikte vermiş olduk.

Şimdi css() metodunu bir uygulama üzerinde görelim.

 ⇒  Bir p etiketi yazalım ve bu etiketin font-size özelliğine 22px değerini verelim.

 ⇒  Üç buton oluşturalım.

 ⇒  Eğer Get butonuna tıklanırsa p etiketinin font-size özelliğinin değerini alert mesajı ile gösterelim.

 ⇒  Eğer Set butonuna tıklanırsa p etiketinin background-color özelliğine bir değer verelim.

 ⇒  Eğer Set Multiple butonuna tıklanırsa p etiketine aynı anda birden çok Css özelliği verelim.

Css Kodları

jQuery Kodları

Butonlara tıklamadan önce tarayıcınızda sağ tıklayıp incele derseniz p etiketi üzerindeki Css değişikliklerini gözlemleyerek daha iyi anlayabilirsiniz.

Umarım “jQuery css() Metodu ve Kullanımı” başlıklı yazım sizin için faydalı olmuştur.

Şu yazılar da ilginizi çekebilir.

jQuery animate(), stop() Metodları ve Kullanımları

jQuery Document Ready Fonksiyonu Nedir? Nasıl Kullanılır?

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

Yorum Yazın