Hai teman-teman semuanya, Apa kabar? semoga tetap dalam keadaan sehat, kita lanjut lagi belajarnya, pada tutorial sebelumnya kita telah membahas sedikit banyak method-method yang ada pada jquery, dan pada tutorial kali ini kita masih akan belajar tentang salah satu method yang ada pada jquery yaitu method insertBefore(), kita akan belajar memahami fungsi method insertBefore() pada jquery

Fungsi dari method insertBefore pada jquery adalah untuk menyisipkan element atau konten sebelum selector yang kita tentukan, mungkin untuk lebih jelasnya kita langsung saja praktek, silahakan teman-teman buat sebuah file html dan ketikan script berikut ini:

Saya membuat sebuah tombol lalu saya membuat text dengan menggunakan h2, jika disave dan dijalankan pada browser hasilnya masih biasa saja, sekarang kita akan tambahkan script jquerynya, teman-teman silahkan tambahkan script jquery berikut ini:

Pertama seperti biasa saya mereload script dari jquery yang dapat kita ambilĀ  dari website resmi jquery, yaitu jquery.com lalu saya membuat perintah jquery ketika tombol button diklik maka element h1 akan disisipkan sebelum element h2 dengan menggunakan method insertBefore(),

jika sudah teman-teman bisa jalankan pada browser, maka ini hasil sebelum kita klik tombolnya :

memahami fungsi method insertBefore() pada jquery1

Dan ini ketika kita klik tombolnya :

memahami fungsi method insertBefore() pada jquery2

Maka element h1 akan muncul sebelum element h2, gimana teman-teman cukup mudah bukan? untuk tutorial kali ini tentang memahami fungsi method insertBefore() pada jquery cukup sampai sini dulu, semoga tutorial ini dapat bermanfaat,

Terima kasih