JQuery ile Html Elemenlarına Css Özellikleri Uygulama
JQuery ile sayfamızdaki bir html elemanının belirli bir css özelliğinin o anki değerini öğrenebilir ve bu değeri değiştirebiliriz.
Nesneye ait css özelliğinin değeri şu şekilde elde edilebilir:
$("seçici").css("cssÖzelliği");
Örneğin kutu1 id’li elemanın genişliğini şu şekilde elde edebiliriz:
var genişlik = $("#kutu1").css("width");
Html etiketlerinin css özelliklerini değiştirmek veya o özelliği eklemek istersek, örneğin p etiketlerinin padding özelliğini 5px yapmak istersek;
$("p").css("padding", “5px”);
Aynı anda birden fazla css özelliği uygulamak da mümkündür.
Örnek: Bu yöntemde özellik ile değeri arasına “:” konduğuna dikkat ediniz.
$("p").css({"padding": "5px", "font-size": "10pt"});
Konu örneklerini inceleyiniz.
Örneklerde değişken kullanarak da css özelliklerinin değiştirilmesini görebilirsiniz. (Genişliği artırma azaltma gibi)
html etiketlerine jquery ile css özelliği uygulama örnekleri, jquery ile html nesnelerinin css özelliklerini değiştirme, apply css property to html elements jquery
KONU İLE İLGİLİ ÖRNEKLER
|
Html nesnelerinin css özelliklerini değiştirme örnekleri
|
Kendin Dene
|
Kendin Dene butonuna tıkla, kodları incele, değiştir, sonucu gör...
5406 kez okundu.