Tutorial jQuery Part 7 (VA)

Tutorial jQuery Part 7

Mengenal metode remove() dan empty()

Setelah memahami cara mengambil, mengubah dan Menambah element dengan jQuery, dalam tutorial belajar jQuery Duniailkom kali ini kita akan membahas Cara menghapus elemen di jquery menggunakan method remove() dan empty().

Ditutorial-tutorial sebelum-sebelumnya kita telah mengenal append dan prepend. Di hari ini saya akan membahas tentang metode remove() dan empty(). Sesuai dengan namanya remove adalah untuk menghapus atau remove() ini fungsinya untuk menghapus element HTML yang sudah ada ditampilan halaman tersebut sesuai tanggalnya.

Maka seperti biasa daya menuliskan tag-tag HTML terlebih dahulu. Maka codingnya :

Setelah itu kita memasukkan data yang akan kita tampilkan di tampilan kita masing-masing. Maka codingnya :

Ketika tombol Hapus HTML di klik, perintah: $(“#list_html”).remove() akan dijalankan. Akibatnya, list <li id=”list_html”>Belajar HTML</li> akan terhapus. List yang tersisa akan mengisi element yang sudah hilang ini (naik ke atas). Demikian juga yang terjadi ketika tombol Hapus CSS dan Hapus PHP di klik.

Bagaimana dengan tombol Hapus Semua!? Tombol ini akan menjalankan perintah $(“#belajar”).remove(). Elemen HTML yang memiliki id=”belajar” adalah tag <ul>. Element ini merupakan ‘parent element’ dari seluruh tag <li>. Dengan demikian, semua list akan ikut terhapus.

Setelah itu barulah kita masukkan codingnya:

Maka outputnya :
 Menghapus sesuai dengan apa yang ingin kita hapus dan sesuai dengan button yang kita pilih

Sedangkan untuk menghapus dengan metoder empty() memiliki fungsi yang sama , hanya saja untuk metode remove() menghapus data dari element. Dan metode remove() yang meghapus isi elemen beserta element itu sendiri. Maka codingnya adalah :

Output:
Menambahkan sesuai dengan yang kita inginkan sedangkan untuk kosongkan dan hapus semua memiliki prinsip yang sama yaitu membuat halaman kita menjadi kosong.

Sekian untuk tutorial hari ini, semoga berguna
Thankyou for reading , have a nice day and God bless you ;)

“Walking on water and developing software from a specification are easy if both are frozen.”
― Edward Berard