Hallo sobat program, bertemu kembali dengan saya Rizal. Alhamdulilah masih diberikan nikmat dan kesehatan untuk dapat sharing kembali seputar pemrograman website dan masih diwebsite Dumet School.

Pada pembahasan kali ini, kita akan membahas tentang fungsi Prepend yaitu Cara Penggunaan Fungsi Prepend pada jQuery. Jika teman-teman sudah membaca artikel saya tentang append maka di artikel kali ini ada kebalikan dari fungsi append yaitu prepend.

Sebelum kita mencobanya teman-teman harus mengetahui apa yang dimaksud dengan fungsi prepend. Fungsi prepend merupakan fungsi untuk menambahkan atau menyisipkan sebuah elemen baru dibagian awal. Setelah kita mengetahuinya kita akan coba bagaimana untuk menggunakannya.

Oke langkah pertama jalankan/run text-editornya kemudian ketiklah kode HTML seperti pada contoh dibawah ini :

Cara Penggunaan Fungsi Prepend pada jQuery

Jika sudah, kita tambahkan sedikit style biar terlihat lebih berwarna hehe oke teman-teman tambahkan style nya seperti pada contoh dibawah ini :

Cara Penggunaan Fungsi Prepend pada jQuery

Oke langkah terakhir untuk menyempurnakan pembahasan kali ini teman-teman tambahkan kode jQuerynya serta library jQuerynya seperti pada contoh dibawah ini :

Cara Penggunaan Fungsi Prepend pada jQuery

Oke dari kode diatas maka hasilnya akan terlihat jelas seperti pada gambar dibawah ini :

Cara Penggunaan Fungsi Prepend pada jQuery

Bagaimana ? cukup mudah ya tentang Cara Penggunaan Fungsi Prepend pada jQuery. dan silahkan coba teman-teman sekreative mungkin untuk memodifikasi fungsi prepend yang sederhana ini menjadi luar biasa hehe.

Oke kalau begitu cukup sekian dipembahasan kali ini tentang Cara Penggunaan Fungsi Prepend pada jQuery. semoga dapat bermanfaat dan sampai bertemu dipembahasan selanjutnya.

Terimakasih