Belajar jQuery Part 7 : Tutorial Menambahkan Element


Belajar JQuery
Belajar JQuery

IRVAN GEN – Halo teman -teman salam jumpa kembali di pertemuan yang ke-7 di sesi belajar jQuery. Sebelumnya kita pernah membahas Mendapatkan Nilai dan Value pada jQuery. Pada pertemuan yang ke-7 saya akan mengulas tentang Belajar Menambah Element dengan jQuery.

jQuery memiliki fungsi untuk menambahkan element baru pada html, beberapa fungsi jQuery yang dapat digunakan untuk menambahkan element diantaranya ialah :

  • after()
    Berfungsi untuk menambahkan element html, sesudah element yang dipilih.
  • before()
    Berfungsi untuk menambahkan element html, sebelum element yang dipilih.
  • prepend()
    Merupakan fungsi jQuery untuk menambahkan sebuah element html pada sisi dalam element yang dipilih, tetapi hanya diawal isi element tersebut.
  • append()
    Merupakan fungsi jQuery untuk menambahkan sebuah element html pada sisi dalam element yang dipilih, tetapi hanya akhir isi element tersebut.

Nah dari penjelasan diatas pasti teman – teman bingung, pengertian dari fungsi jQuery yang digunakan untuk menambahkan element.

Sebaiknya langsung kita contohkan saja, mohon dipahami untuk kali ini kita akan belajar cara menambahkan element dengan fungsi after, before, prepend dan append.

Disini saya sudah menulis contoh kode programnya, tinggal tulis ulang di text editor masing – masing.

index.html

style.css

Hasilnya..

Belajar jQuery Cara Menambahkan element - #IRVANGEN
Belajar jQuery Cara Menambahkan element – #IRVANGEN

Teman – teman perhatikan kembali pada kode program diatas, kita telah membuat sebuah fungsi yang dapat menambahkan element dengan jQuery, fungsi yang digunakan adalah, after, before, prepend dan append.

Masing – masing tombol memiliki fungsinya, jika diklik akan berfungsi sesuai dengan apa yang sudah dijelaskan sebelumnya.

Bagaimana mudah bukan? Saya harap teman – teman paham.

Penutup

Mungkin itu saja yang dapat saya sampaikan di pertemuan ini, tentang Cara Menambahkan Element Dengan jQuery. Jika kurang mengerti atau salah dalam penulisan maupun penyampaian, silahkan diskusikan di form komentar, semoga apa yang sudah kita pelajari dapat bermanfaat bagi kita semua.

Terimakasih.

Nilai kualitas konten


Irvan Nurfazri
Fakir ilmu yang selalu berusaha memantaskan diri dihadapan-Nya.Menulis apa yang saya sukai dan berbagi apa yang saya ketahui.

0 Comments

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *