menghapus dan menambah elemen jquery

Auliya •
3 Views
Untuk menghapus dan menambahkan elemen menggunakan jQuery, Anda dapat menggunakan metode dan fungsi yang disediakan oleh jQuery. Berikut ini adalah contoh penggunaan dasar: Menghapus Elemen: Untuk menghapus elemen dari DOM menggunakan jQuery, Anda dapat menggunakan metode remove(). Berikut adalah contoh penggunaannya: javascript Copy code // Menghapus elemen dengan id "myElement" $('#myElement').remove(); Metode remove() akan menghapus elemen beserta seluruh kontennya dari DOM. Menambahkan Elemen: Untuk menambahkan elemen baru ke dalam DOM menggunakan jQuery, Anda dapat menggunakan metode append(), prepend(), atau after(). Berikut adalah contoh penggunaan ketiga metode tersebut: append(): Menambahkan elemen setelah elemen target. javascript Copy code // Menambahkan elemen <p> setelah elemen dengan id "myTargetElement" $('#myTargetElement').append('<p>Ini adalah elemen baru.</p>'); prepend(): Menambahkan elemen sebelum elemen target. javascript Copy code // Menambahkan elemen <p> sebelum elemen dengan id "myTargetElement" $('#myTargetElement').prepend('<p>Ini adalah elemen baru.</p>'); after(): Menambahkan elemen setelah elemen target. javascript Copy code // Menambahkan elemen <p> setelah elemen dengan id "myTargetElement" $('#myTargetElement').after('<p>Ini adalah elemen baru.</p>'); Anda juga dapat menggunakan metode insertAfter(), insertBefore(), atau appendTo() untuk melakukan tugas yang serupa. Pastikan Anda telah menyertakan pustaka jQuery dalam halaman HTML Anda sebelum menggunakan kode jQuery di atas. Misalnya, Anda dapat menggunakan tag <script> untuk memuat jQuery dari CDN (Content Delivery Network): html Copy code <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> Semoga ini dapat membantu Anda dalam menghapus dan menambahkan elemen menggunakan jQuery!

Latest Videos

Partner Program Latest Videos Terms of Service About Us Copyright Cookie Privacy Contact