Mengenal Fungsi Empty() pada jQuery

Cinta, perasaan suka, dan sejenisnya, memiliki begitu banyak pintu untuk datang. Kita, umumnya, lebih sering menggunakan ‘pintu mata’. Tetapi orang2 yg paham, selalu menggunakan ‘pintu hati’ dalam bentuk cinta, rasa suka manapun. Oke pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang Mengenal Fungsi Empty() pada jQuery.

Fungsi empty() ini berfungsi untuk mengosongkan kumpulan element-element yang sudah kita buat pada sebuah pembungkus. Namun hanya untuk satu fungsi saja, yaitu menghilangkan. Tidak untuk menampilkan nya kembali teman-teman. Fungsi empty() mempunyai struktur sebagai berikut:

$("#div1").empty();

Oke langsung saja, kita contohkan saja. Berikut contoh dari Mengenal Fungsi Empty() pada jQuery.

Seperti biasa, siapkan file index.html nya.

Kemudian, kita hubungkan terlebih dahulu file index.html kita dengan library jQuery.

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

Setelah itu, isi untuk bagian <body> tag-tag HTML berikut.

<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">

This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>

</div>
<br>

<button>Empty the div element</button>

Dan yang terakhir, isi untuk bagian Javascript nya.

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("#div1").empty();
    });
});
</script>

Bagaimana teman-teman? Cukup mudah bukan?

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

Semoga bermanfaat, terima kasih

Kategori