Yeni bir seriye başlıyorum.Bu seride jquery i anlatacam.Bu derste işlevinden ve gerekli bir kaç şeye değinecem.İlk önce en önemli şeyi söyliyeyim javascript bilmeniz gerekiyo.Yoksa jquery de zorlanır ilerleyemezsiniz.
Öncelikle jquery ne onla başlayalım.Jquery javascriptin bir kütüphanesi.Kullanımı oldukça basit bir kütüphane.Bu kütüphane sayesinde sayfada çok büyük etkilşim sağlayabiliriz.Yeri geldiğinde sayfa yeniletmeden bir sayfada bir çok işlem yaptırabiliriz.
Jquery mobil ile mobil sayfalar veya jquery ui ile değişik özellikler ve jquery plugin ile 100 lerce süper plugin ile çok güzel siteler tasarlayabiliriz.Özellikle plugin kısmı çok iyidir.
Jquerynin işleyiş mantığına bakalım.Sayfadaki bir nesneyi veya nesneleri seçip bu zincirleme şeklinde özellikler verebiliriz.Şu şekilde
$("seçici").show().css("background","red");
jquery("seçici").show().css("background","red");
Yukardaki ikiside aynı şey. $ veya jquery ikisinden birini kullanabilirsiniz.$ kısa olması nedeniyle daha çok tercihtir.Jquery başka bir javascript kütüpanesi kullanılacaksa tercih edilir.Sebebi diğer kütüpanelerde $ kullanması.
$ dan sonra seçici dedik bunu bir sonraki derste anlatacam.Manası sayda bir objeye erişmek.Daha sonra show ile nesneyi gösterdik.css metodu arkaplanını kırmızı yaptık.Kodlara takılmayın gelecek derslerde hepsini ayrıntılı göreceğiz.
Tabi en temel şey jquery kodlarını kullanmak için kütühaneyi sayfamıza dahil etmek.
Burdan
http://jquery.com/download/ jquery dosyasını indiriyoruz veya direk linki alıyoruz.Şuan en so sürümü şu :
http://code.jquery.com/jquery-1.10.2.min.js
Bu sayfayı farklı kaydet diyip indire bilirsiniz.Yada url kısmını alın sayfada head tagları arasına şunu yazın.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
Bu şekilde artık jquery kodları kullanıma hazır.
Peki jquery kodlarımızı nereye yazacaz derseniz.Yukardaki script tagından hepen sonra
<script type="text/javascript">
$(function(){
})
</script>
oluşturun.Jquery javascript kütüpanesi olduğu için script tagı içine yazılır.
$(function(){
})
Bu kısım ise sayfa hazır olduğunda demek.Kodları bunun içine yazıyoruz yoksa çalışmaz.
Örnek bir sayfa :
<!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(){
//Jquery ve javascript kodları
})
</script>
</head>
<body>
</body>
</html>