Hallo sobat dumet, bertemu kembali diwebsite dumetschool ini. Dan pada kesempatan kali ini saya akan membahas tentang Contoh Penjelasan Tentang (document).ready pada Jquery.
Berbicara soal jquery, jquery sangat banyak digunakan pada semua website saat ini. karena dengan hadirnya jquery ini sebuah website menjadi lebih interaktif dan indah.
Didalam jquery ini terdapat sebuah fungsi (document).ready, mungkin sebagian dari kalian sudah mengenal tentang fungsi tersebut dan sudah tidak asing atau sudah sering digunakan. Disini saya akan jelaskan secara singkat jadi fungsi (document).ready pada jquery tsb merupakan sebuah fungsi/event dari jquery yang dijalankan pertama kali setelah document dimuat. Jadi event ini digunakan sebelum element,gambar,dll dimuat.
Sebagai contoh perhatikan script seperti pada gambar dibawah ini :
Penjelasan Pada contoh gambar script diatas adalah event jquery document.ready akan dimuat atau dieksekusi terlebih dahulu oleh browser. Berikut ini demo untuk hasil dari script diatas
Dari demo 1 diatas, coba teman-teman hilangkan/hapus kode document yang sudah saya tanda kotak merah diatas. Maka hasilnya tidak akan ada efek sama sekali. Kenapa demikian ? karena kode jquerynya sudah di eksekusi/dimuat terlebih dahulu sedangkan elementnya belum dieksekusi. Dan solusi untuk hal seperti ini teman-teman jika tidak menggunakan event/fungsi document.ready maka letakan lah script kode tsb dibawah element html atau sebelum tag tutup body. Seperti pada contoh dibawah ini :
Dan untuk demonya silahkan klik dibawah ini :
Bagaimana teman-teman ? cukup paham ya. Jadi seperti itulah Contoh Penjelasan Tentang (document).ready pada Jquery. semoga dapat bermanfaat buat teman-teman yang sedang belajar Jquery.
Oke kalau begitu cukup sekian dipembahasan kali ini tentang Contoh Penjelasan Tentang (document).ready pada Jquery. sampai bertemu dipembahasan selanjutnya.
Terimakasih