Mengenal Fungsi Remove() jQuery

Patah hati itu menyakitkan, tapi harus dilupakan. Itu hanya sementara, dan kamu bisa mulai lagi dan jadi lebih baik. Oke pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang Mengenal Fungsi Remove() jQuery.

Fungsi remove() ini berfungsi untuk menghapus elemen yang dipilih, termasuk semua teks. Metode ini juga menghapus data dan peristiwa dari elemen yang dipilih. Oke langsung saja saya contohkan untuk fungsi remove() tersebut. Berikut contoh untuk Mengenal Fungsi Remove() jQuery.

Fungsi remove() mempunyai struktur sebagai berikut:

$(selector).remove(selector)

Seperti biasa, terlebih dahulu siapkan file index.html nya.

Kemudian, isi di bagian <head> library jquery nya.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

Selanjutnya, isi di bagian <body> tag-tag di bawah ini,

<body>

<p>Ini adalah paragraph.</p>
<p>Dan ini paragraph.</p>

<button>Klik disini untuk remove semuanya</button>

</body>

Dan yang terakhir, isi di bagian <head> script remove() nya,

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").remove();
    });
});
</script>

Bagaimana teman-teman? cukup mudah bukan?

Sekian untuk artikel kali ini tentang Mengenal Fungsi Remove() jQuery.

Semoga bermanfaat, terima kasih

Kategori