Pertama sekali, izinkan saya menerangkan jQuery jQuery mempunyai fungsi kecil yang berguna untuk memuatkan javascript dengan cepat sebagai DOM, iaitu sedia... Ia dilaksanakan sebelum halaman dimuatkan.
Mengapa tidak menggunakan window.onload(), kerana apabila fungsi window.onload dilaksanakan, ia mesti menunjukkan bahawa semuanya telah dimuatkan, termasuk imej, sepanduk, dsb. Anda harus tahu bahawa kelajuan muat turun imej yang lebih besar akan menjadi lebih perlahan, jadi pengguna mesti menunggu imej besar dimuat turun sebelum mereka dapat melihat kesan kod pelaksanaan window.onload(), yang mengambil masa yang lama untuk menunggu, iaitu bukan apa yang kita mahu.
Tetapi $(document).ready(fn): mengikat fungsi yang akan dilaksanakan apabila DOM dimuatkan dan bersedia untuk pertanyaan dan manipulasi.
Ini adalah fungsi yang paling penting dalam modul acara kerana ia boleh meningkatkan kelajuan tindak balas aplikasi web.
Ringkasnya, kaedah ini adalah alternatif semata-mata untuk mendaftarkan acara dengan acara window.load. Dengan menggunakan kaedah ini, anda boleh memanggil fungsi yang anda ikat sebaik sahaja DOM dimuatkan dan sedia untuk dibaca dan dimanipulasi $(document).ready(function(){ // kod anda });
$(document) bermaksud untuk mendapatkan keseluruhan objek dokumen web (serupa dengan window.document),
$(document).ready bermaksud mendapatkan objek dokumen apabila sudah siap. Maksud kod di atas adalah untuk menyemak objek dokumen sehingga ia dibenarkan untuk dikendalikan (Nota Penterjemah: Ini lebih cepat daripada fungsi window.onload(), kerana kod boleh dilaksanakan selagi objek dokumen dimuatkan , bukannya Perlu menunggu untuk melihat sama ada muat turun imej pada halaman telah selesai) --- ini yang kita mahu.