Struktur dasar kode JQuery adalah sebagai berikut:
$(document).ready(function() {
// kode JQuery di sini
});
Atau dapat juga menggunakan sintaks berikut:
$(function() {
// kode JQuery di sini
});
Kode di atas menunjukkan bahwa seluruh kode JQuery harus berada dalam blok $(document).ready
atau $()
. Ini memastikan bahwa kode JQuery akan dieksekusi setelah halaman web selesai dimuat.
Setelah blok $(document).ready
atau $()
, pengembang web dapat menulis kode JQuery yang mereka inginkan, seperti mengubah elemen HTML, menambahkan animasi, atau melakukan interaksi AJAX.
Contoh kode JQuery untuk mengubah teks dalam elemen <p>
menjadi “Hello World”:
$(document).ready(function() {
$("p").text("Hello World");
});
Atau dapat juga menggunakan sintaks berikut:
$(function() {
$("p").text("Hello World");
});