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.
UstaDerslik
