by 
Memuat potongan halaman lain secara dinamis berguna untuk konten modular seperti header, footer, atau tab. Artikel ini membahas cara memuat konten HTML ke elemen dengan jQuery (load).
Metode .load()
<script>
$("#konten").load("bagian.html");
</script>
Memuat Bagian Tertentu Saja
<script>
$("#konten").load("halaman.html #artikel"); // hanya elemen #artikel
</script>
Contoh Kasus: Sistem Tab yang Memuat Konten
<script>
$(".tab").click(function() {
const halaman = $(this).data("halaman");
$("#isi").load(halaman); // muat konten sesuai tab
});
</script>
Callback Setelah Selesai
<script>
$("#konten").load("data.html", function() {
console.log("Konten selesai dimuat");
});
</script>
Kesimpulan
Gunakan .load() untuk menyisipkan konten dari file lain, ideal untuk memuat header, footer, atau konten tab secara modular. Tambahkan selektor untuk memuat bagian tertentu saja, dan callback untuk aksi setelah selesai.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).
