Hai teman-teman semuanya, apa kabar? masih semangat belajarnya, pada pembahasan kali ini kita masih akan membahas tentang jquery, pada pembahasan kali ini kita akan belajar tentang method detach() yang kita akan coba praktekan dalam satu kasus yaitu menghapus element html dengan method detach() pada jquery.

Fungsi dari method detach() sebenarnya hampir sama dengan fungsi remove, namun detach akan menyimpan data jquery yang terkait dengan elemetn yang dihapus, yang berarti ketika kita memilih satu element contohnya img untuk dihapus, maka semua img akan terhapus, mungkin untuk lebih jelasnya kita langsung saja praktekan, silahakan teman-teman buat sebuah file html dan ketikan script berikut ini:

Disini saya akan jelaskan scriptnya satu per satu, disini saya membuat 2 buah element p dan satu buah tombol hapus, setelah itu saya membuat script untuk memanggil library dari jquery yang bisa kita ambil dari jquery.com:

Sterlah itu saya membuat script jquerynya dimana tombol button saya berikan event click yang dimana ketika tombol itu diklik maka element p akan mengalami method detach() yang artinya semua element p akan terhapus.

Jika sudah teman-teman bisa jalankan pada browser lalu klik tombol hapusnya.

Gimana teman-teman? cukup mudah bukan, mungkin untuk tutorial kali ini tentang menghapus element html dengan method detach() pada jquery cukup sampai disini dulu, semoga tutorial yang singkat kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

Terima kasih