Kami telah berbicara sedikit tentang penyeleksi. Selektor jQuery seperti $ ("h1") akan memilih semua
Akankah itu $("h1").css("color", "red");
Tapi terkadang skrip dimuat di head. Ada berbagai macam alasan untuk itu, kebanyakan buruk, tapi hei jangan terlalu menilai-y tanpa detail =).
Kami masih dapat memperbaiki masalah elemen tidak menemukan dengan cara yang cukup memuaskan meskipun kami dipaksa untuk memuat skrip di kepala. Kami melakukannya melalui fungsi jQuery "DOM Ready". Secara harfiah, saat dokumen selesai dan siap untuk dimanipulasi. Ini terlihat seperti ini:
$(document).ready(function() ( ));Ada versi yang lebih pendek yang melakukan hal yang persis sama:
$(function() ( ));Menempatkan kode Anda di dalam fungsi seperti itu memastikannya tidak akan berjalan sampai dokumen siap. Sebenarnya ini adalah kode yang cukup pintar yang melakukannya, yang tentu saja sulit dilakukan lintas-browser. Yang menarik adalah kecepatannya cukup tinggi. Ini tidak sama dengan menunggu seluruh jendela dimuat, yang lambat, karena menunggu semua sumber daya selesai diunduh sebelum diaktifkan. DOM siap terjadi lebih cepat. Jika Anda memang perlu menunggu sumber daya selesai (misalnya Anda perlu mengukur gambar), Anda dapat menunggu seperti ini:
$(window).load(function() ( ));Memperbaiki masalah JavaScript-in-the-head sebelumnya dengan DOM siap, kodenya akan terlihat seperti ini:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));