Hallo sobat program, betemu kembali dengan saya Rizal dan masih tetap diwebsite dumetschool ini yang dimana banyak sekali tutorial serta tips dan trik tentang bahasa pemrograman website.
Pada kesempatan kali ini saya akan membahas tentang Cara Menambahkan Elemen dengan jQuery. caranya cukup mudah ya teman-teman, dan dipembahasan ini saya menggunakan 2 fungsi dari jQuery yaitu before dan after.
Before dan after ini merupakan sebuah fungsi dari jQuery dimana bertujuan untuk menambahkan elemen baru, kalau before menambahkan elemen baru sebelum elemen target, sedangkan after menambahkan elemen baru sesudah elemen target.
Untuk penjelasan mengenai kedua fungsi tsb yang nanti kita akan coba praktekan saya rasa sudah sangat jelas ya teman-teman. Oke lalu bagaimana cara penggunaan kedua fungsi tersebut. Mari simak tutorialnya dibawah ini:
Pertama-tama jalankan/run text-editornya kemudian ketiklah script HTML seperti pada gambar dibawah ini:
Jika sudah langkah selanjutnya ketik kembali kode jQuery serta library jQuery CDN nya seperti pada gambar dibawah ini :
Dari kedua kode diatas maka hasil kesuluruhannya teman-teman bisa lihat seperti pada gambar dibawah ini :
Jika sudah sama seperti diatas, silahkan langsung di run/jalankan dibrowser yang teman-teman gunakan, jika benar maka hasilnya akan seperti pada gambar dibawah ini :
Bagaimana ? sangat mudah ya teman teman tentang Cara Menambahkan Elemen dengan jQuery. dan silahkan teman-teman coba brekreasi sendiri sesuai dengan keinginan teman-teman.
Oke kalau begitu cukup sampai disini pembahasan kali ini tentang Cara Menambahkan Elemen dengan jQuery semoga dapat bermanfaat dan sampai bertemu dipembahasan selanjutnya.
Terimakasih