jQuery bildiğiniz üzere en geniş kapsamlı ve daha kolay Javascript yazmamızı sağlayan bir kütüphane.Javascript ile yapabileceğimiz herşeyi jQuery’lede yapabiliriz.Ancak kodları yazmaya başlamadan önce jQuery dosyalarını sayfamıza import etmemiz gerekiyor.Bu işlem <script></script> tagları arasına src niteliğine yazılarak yapılıyor.Şöyle ki
|
1 |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> |
Şimdi gelelim asıl konuya “Ben bu kodu nereye yazacağım ?”
Projeleri incelediğinizde bazı projelerde kodlar <head></head> arasında yazılırken bazılarında da <body></body> taglarının hemen sonuna yazılmış.Bence doğru olan yani yapmamız gereken body sonuna yazmak.Peki neden ?
Çünkü javascript dosyaları html DOM nesneleri yüklendikten sonra çalışır.Yani tüm nesneler yüklenir,javascript dosyaları ondan sonra çağırılır.jQuery’de bununda önüne geçebilmek için başlangıçta $(document).ready(function(){}); fonksiyonu kullanılabilir.
|
1 2 3 |
$(document).ready(function(){ //Kodlar Buraya Yazılacak }); |
Bu fonksiyonun bir diğer kullanımıda şu şekildedir.
|
1 2 3 |
$(function(){ //Kodlar Buraya Yazılacak }); |
Sonuç olarak body nin sonuna yazmak her zaman size avantaj sağlayacaktır.Javascipt dosyalarınızı burada çağırmaya elinizi alıştırın.Şunuda söyleyelim eğer dışarıdan bir javascript dosyasını sayfaya import edecekseniz.Yani javascript kodlarınızı main.js adlı dosyada yazdınız ve sayfaya import etmeniz gerekiyor.Unutmayın önce jquery dosyasını daha sonra kendi yazdığınız dosyaları yazın.Örneğin body nin sonuna
|
1 2 |
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="js/main.js"></script> |
şeklinde yazmanız hatasız biçimde jQuery çalıştırmanızı sağlar.Eğer tersini yazarsanız jQuery dosyalarınız çalışmayacaktır.
Umarım faydalı olmuştur.Bir sonraki yazıda görüşmek üzere.Bol kodlu günler.