Kami telah bercakap dengan baik mengenai pemilih. Pemilih jQuery seperti $ (“h1”) akan memilih semua
Adakah itu $("h1").css("color", "red");
Tetapi kadang-kadang skrip dimuat di kepala. Terdapat pelbagai alasan untuknya, kebanyakannya buruk, tapi hei jangan terlalu menilai tanpa perincian =).
Kami masih dapat menyelesaikan masalah elemen tidak mencari dengan cara yang cukup memuaskan walaupun kami terpaksa memuatkan skrip di kepala. Kami melakukannya melalui fungsi jQuery "DOM Ready". Secara harfiah, apabila dokumen itu selesai dan siap dimanipulasi. Ia kelihatan seperti ini:
$(document).ready(function() ( ));Terdapat versi yang lebih pendek yang melakukan perkara yang sama:
$(function() ( ));Menempatkan kod anda di dalam fungsi seperti itu memastikannya tidak akan berjalan sehingga dokumen siap. Ini sebenarnya sedikit kod yang bijak yang melakukannya, yang tentunya sukar dilakukan melalui penyemak imbas. Apa yang menarik adalah bahawa ia cukup cepat. Tidak sama dengan menunggu keseluruhan tetingkap dimuat, yang lambat, kerana menunggu semua sumber selesai dimuat sebelum menembak. DOM siap berlaku lebih awal. Sekiranya anda perlu menunggu sumber dilakukan (contohnya anda perlu mengukur gambar), anda boleh menunggu seperti ini:
$(window).load(function() ( ));Memperbaiki masalah JavaScript-in-the-head kami yang lebih awal dengan DOM siap, kodnya akan kelihatan seperti ini:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));