hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat, pada tutorial sebelumnya kita telah membahas sedikit banyak selektor yang ada pada jquery, kali ini kita masih akan belajar tentang selektor yang ada pada jquery yaitu kita akan belajar mengenal selektor this pada jquery.
selektor this pada jquery adalah penginisialan selektor berdasarkan selektor yang diberikan event sebelumnya, untuk lebih jelasnya kita langsung saja praktekan, pertama silahakan teman-teman buat sebuah script html seperti berikut ini:
|
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <head> </head> <body> <button>POST</button> </body> </html> |
Script diatas saya membuat sebuah tombol dengan element button pada html, lalu sekarang coba teman-teman tambahkan script jquery berikut ini :
|
1 2 3 4 5 6 7 8 |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $(this).hide(); }); }); </script> |
Pertama seperti biasa saya mereload liblary dari jquery yang bisa kita ambil dari website resmi jquery.com,
setelah itu saya membuat sebuah event pada script jquery event ketika button diklik lali $this yang berarti menginisialkan selektor yang kita berikan event yaitu button, jadi $this diatas adalah button dan ketika tombol diklik akan menghilang, karna saya berikan efek hide.
gimana teman-teman cukup mudah bukan, saya rasa untuk tutorial kali ini tentang mengenal selektor this pada jquery cukup sampai disini dulu, semoga tutorial kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,
terimakaish