Perbedaan Fungsi Remove dan Empty Pada jQuery

Kali ini kita akan masuk ke dalam tutorial dasar jquery untuk pemula yaitu memanipulasi element atau menghilangkan element HTML dengan function .remove() dan .empty() dengan function .remove() dan .empty() teman teman dapat menghilangkan element HTML yang kalian pilih tetapi kedua function ini memiliki perbedaan untuk penggunaannya masing-masing. Function .remove() di gunakan untuk menghilangkan element HTML beserta isi dari element yang telah dipilih sedangkan dan function .empty() di gunakan untuk menghilangkan atau mengosongkan isi dari element yang di pilih. Berikut akan saya buatkan contoh sederhana dari perbedaan function .remove() dan .empty() di dalam penggunaannya.  Yang pertama teman teman buat struktur HTMLnya untuk penggunaan function .remove() pada jQuery sebagai berikut

dan berikan efek jQuery sebagai berikut

sedangkan penggunaan function .empty() akan menghilangkan isi dari elementnya

isi dari element kotak berhasil dihilangkan dengan function .empty(). Perhatikan perbedaan dari kedua function tersebut. Function .remove menghilangkan element beserta isinya sedangkan function .empty menghilangkan hanya isi dari element yang dipilih.
Sekarang coba temen temen jalankan pada browser.

Semoga Bermanfaat