Seperti yang kita ketahui Jquery merupakan kumpulan dari kode javascript. yang dirancang untuk memudahkan kita dalam membuat/mendesain website agar lebih interaktif.
Jquery juga menyediakan layanan atau support para developers untuk membuat plug-ins di dalam bahasa Javascript. Sehingga para developer website dapat membuat website lebih interaktif dengan animasi, efek – efek, tema dan widget serta dapat berkreasi dalam membuat website yang keren.
Dikesempatan kali ini saya akan memberikan tutorial sederhana tentang Cara Menghilangkan Paragraph Ketika Diklik dengan Jquery. Berikut ini salah satu contoh betapa istimewahnya event-event jquery dalam sebuah website.
Oke langsung saja kita mulai, pertama-taman jalankan/run text-editor yang teman-teman gunakan. Kemudian ketiklah script html dibawah ini :
<p>KLIK SAYA UNTUK MENGHILANGKAN PARAGRAPH INI !!</p>
Jika sudah, silahkan teman-teman simpan terlebih dahulu dengan format html. dan langkah selanjutnya teman-teman tambahkan script Jquerynya seperti dibawah ini :
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
Kode jquery diatas menjelaskan bahwa ketika document html yaitu P di klik maka tag p tersebut akan kita hide (menghilangkannya dari segi tampilan browser) . Untuk lebih jelasnya silahkan teman-teman lihat demo seperti dibawah ini :
Oh iya, jangan lupa library jquerynya dimasukan terlebih dahulu agar kode jquery yang kita buat dapat dijalankan dengan baik.
Oke kalau begitu cukup sekian pembahasan kali ini tentang Cara Menghilangkan Paragraph Ketika Diklik dengan Jquery. Semoga dapat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.
Terimakasih