Seçiciler hakkında biraz konuştuk. $ ("H1") gibi bir jQuery seçici tüm
Olacak mı $("h1").css("color", "red");
Ancak bazen komut dosyaları kafaya yüklenir. Bunun için her türlü bahane var, çoğunlukla kötü, ama hey, ayrıntılar olmadan çok fazla yargılamayın =).
Komut dosyalarını kafaya yüklemeye zorlansak bile, öğeleri bulamama sorununu oldukça tatmin edici bir şekilde çözebiliriz. Bunu jQuery "DOM Hazır" işlevi aracılığıyla yapıyoruz. Kelimenin tam anlamıyla, belge tamamlandığında ve değiştirilmeye hazır olduğunda. Şöyle görünüyor:
$(document).ready(function() ( ));Aynı şeyi yapan daha kısa bir versiyon var:
$(function() ( ));Kodunuzu böyle bir işlevin içine koymak, belge hazır olana kadar çalışmamasını sağlar. Aslında bunu yapan oldukça zekice bir kod parçası, tabii ki bu da çapraz tarayıcı yapmak zor. Bunda harika olan şey, oldukça hızlı olması. Bu, yavaş olan tüm pencerenin yüklenmesini beklemekle aynı şey değildir, çünkü ateşlemeden önce tüm kaynakların indirilmesinin tamamlanmasını bekler. DOM hazırlığı çok daha erken gerçekleşir. Kaynakların yapılmasını beklemeniz gerekiyorsa (örneğin bir görüntüyü ölçmeniz gerekiyorsa), bunun gibi bekleyebilirsiniz:
$(window).load(function() ( ));DOM'a hazır durumdayken önceki kafadaki JavaScript sorunumuzu düzelttiğimizde, kod şöyle görünecektir:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));