Jquery Ders-3 .css() Kullanımı
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Jquery Ders-3 .css() Kullanımı

profil
cArleone
BEĞEN(2)
BEĞENME(0)
GÖRÜNTÜLENME(3512)
RAPOR ET
Jquery serimize devam ediyoruz.Bu derste kodlara başlıyoruz.İlk göreceğimiz kod .css().Öencelikle bunun işlevinden bahsedelim.

css() metodu ile sayfaya eklediğimiz elemanların csslerini sonradan değiştirebiliyoruz.Bu çok kullanacağımız bir özellik.Bunun 2 tür kullanımı var.Şimdi onalara bakalım.

Sayfada bir objeye 1 css özelliği atamak istiyosak yapımız şöyle olacak.
css("özellik ismi","özellik parametresi");

Örnek :
$(".logo").css("color","red");


İkinci yöntemimiz bir çok özellik atayacaksak.
css({
"özellik ismi":"özellik parametresi",
"özellik ismi":"özellik parametresi",
...
})


Parantez içine {} ekledik ve bir çok parametre girebiliyoruz.{} daha bir çok özellikte aynı işlevi görüyo.

Örnek :

$(".logo").css({ "width":"100px","background":"#333" });


Css metodunun kullanımı bu kadar basit.Benim şahsen çok kullandığım bir özellik.

Genel örnek :


<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>cArleone</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("div").css({
"width":"600px",
"height":"100px",
"margin":"auto",
"background":"blue"
});
})
</script>
</head>
<body>

<div></div>

</body>
</html>


Bu kodu çalıştırırsanız ortalıklı bir mavi dikdörtgen göreceksiniz.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol