Hai teman-teman semuanya? apa kabar? semoga tetap dalam keadaan sehat, kita lanjut lafgi belajarnya, kali ini materi kita tentang jquery, masih belajar tentang method-method yang ada di jquery, karena seperti yang kita tau method pada jquery sangatlah banyak, dan pada tutorial kali ini kita akan belajar menyisipkan konten dengan method before() jquery.

Fungsi dari method before() ini ialah untuk menyisipkan kontent atau element element sebelum element selector yang kita tentukan sebelumnya, jadi dengan fungsi method ini kita dapat menambahkan kontent sebelum kontent selectornya, untuk lebih jelasnya kita langsung coba pada satu studi kasus, pertama silahkan teman-teman buat sebuah file dan ketikan script berikut ini:

script diatas saya menyisipkan gambar yang saya telah siapkan sebelumnya, lalu saya membuat tombol untuk nantinya kita akan berikan fungsi method before jquery.

Jika sudah sekarang teman-teman tambahkan script berikut ini pada bagian head di html:

Script diatas saya mereload library dari jquery yaitu yang dapat kita ambil dari website resmi jquery.com,

Lalu saya membuat script jquery dimana ketika id dengan nama btn1 yang bila mana diklik akan menyisipkan tulisan sebelum pada element img dengan fungsi before().

kelengkapan scriptnya adalah seperti berikut ini:

Ketika sebelum tombol di klik hasilnya seperti berikut ini:

menyisipkan konten dengan method before() jquery1

Dan ketika tombol dikli maka hasilnya akan seperti berikut ini:

menyisipkan konten dengan method before() jquery2

Akan muncul tulisan sebelum pada bagian sebelum gambar.

Gimana teman-teman? cukup mudah bukan, mungkin untuk tutorial kali ini tentang menyisipkan konten dengan method before() jquery Cukup sampai disini dulu, semoga tutorial yang singkat kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya, tetap semangat belajar ya,

Terima kasih.