Saya mencoba mencari tahu skrip di bawah ini dan apa fungsinya.

Bantuan apa pun disesuaikan

$(document).ready(function(){
    console.log('Hello World!');
});
-26
Cozel 17 Agustus 2017, 01:31

2 jawaban

Jawaban Terbaik

Jadi mari kita bahas ini sepotong demi sepotong.

$ biasanya merupakan referensi ke jQuery (https://jquery.com/) yang merupakan perpustakaan banyak fungsi dan hal JavaScript yang sangat berguna.

$(document)

Inilah yang dikenal sebagai jQuery selector. Pada dasarnya itu menempatkan apa pun yang Anda masukkan ke dalamnya, dan membungkusnya dalam objek jQuery yang memungkinkan Anda memanggil berbagai fungsi di dalamnya. Dalam hal ini, itu membungkus seluruh dokumen.

$(document).ready

Fungsi ready mendaftarkan event handler jQuery yang akan dipicu ketika elemen (dalam hal ini dokumen, saya tidak yakin apakah itu dapat ditambahkan ke elemen lain) telah selesai dimuat. Dalam hal ini, fungsi panggilan balik yang Anda berikan akan berjalan segera setelah seluruh halaman web dimuat dan siap untuk mulai diproses. Jika Anda tidak melakukan ini, JavaScript Anda akan segera dieksekusi saat diurai, yang dapat menyebabkan masalah jika tidak semua DOM Anda siap.

$(document).ready(function(){
    ...
});

Ini mendeklarasikan fungsi anonim yang diteruskan sebagai parameter pertama ke ready fungsi. Isi fungsi akan dijalankan segera setelah dokumen siap (segera setelah peristiwa ready dipicu).

console.log('Hello World!');

Ini akan menampilkan teks Hello World! ke konsol. Dalam kasus browser, itu akan muncul di konsol browser.

$(document).ready(function(){
    console.log('Hello World!');
});

Jadi kode ini akan mencetak teks Hello World! ke konsol browser ketika DOM, atau halaman web, telah selesai dimuat dan siap dijalankan.

11
Derek Wang 20 Oktober 2020, 04:07

Anda dapat membaca penjelasannya di sini.

Dari situs itu:

Halaman tidak dapat dimanipulasi dengan aman sampai dokumen "siap". jQuery mendeteksi keadaan kesiapan ini untuk Anda. Kode yang disertakan di dalam $( document ).ready() hanya akan berjalan setelah halaman Document Object Model (DOM) siap untuk dieksekusi kode JavaScript.

1
Sacha 16 Agustus 2017, 22:35