Hai, Apa kabar teman-teman semuanya, masih semangat belajarnya, teman-teman pasti sudah tidak asing dengan fungsi-fungsi pada jquery, sebelumnya kita juga sudah bahas sedikit banyak fungsi-fungsi yang ada pada jquery, dan pada pembahasan kali ini kita akan belajar tentang fungsi empty pada jquery.
Apa fungsi empty pada jquery, fungsi empty adalah untuk menghilangkan isi yang ada pada selector atau target yang telah kita tetapkan, jadi dengan fungsi empty ini bisa dibilang kita dapat mengosongkan isi dari selector yang telah kita tentukan.
Untuk lebih jelasnya kita langsung saja praktekan, teman-teman silahkan buat sebuah file yang dimana file tersebut berisikan script berikut ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("div").empty(); }); }); </script> </head> <body> <div style="height:100px;background-color:red; color:#fff"> <p>Saya belajar jquery.</p> </div> <button>klik Untuk Menghapus tulisan</button> </body> </html> |
jika teman-teman save maka hasilnya akan seperti berikut ini :
Jika teman-teman klik tombolnya maka tulisan didalamnya akan hilang, mengapa karena saya mengetikan script berikut ini :
|
1 2 3 4 5 6 7 |
<script> $(document).ready(function(){ $("button").click(function(){ $("div").empty(); }); }); </script> |
Script dimana ketika tag atau element button di klik maka element div akan dikosongkan dari isinya apapun itu.
Oke teman-teman? gimana cukup mudah bukan, jadi kesimpulan dari fungsi empty pada jquery adalah untuk mengosongkan dari isi element html yang ada didalamnya,
Saya rasa untuk tutorial kali ini tentang belajar tentang fungsi empty pada jquery cukup sampai sini dulu, semoga tutorial kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagipada tutorial jquery-jquery berikutnya.
Terima Kasih.