Pada tutorial kali ini anda akan belajar bagaimana cara mendapatkan value event dengan menggunakan $(this) beserta contoh codenya.
Hallo semuanya apa kabar, kembali lagi pada artikel tutorial dumet school, kali ini saya akan memberikan tutorial tentang penggunaan jquery, yaitu tentang cara mendapatkan value event dengan menggunakan $(this).
yang dimaksud dari mendapatkan value event adalah kita inggin mendapatkan value dari sebuah event yang pada kasus kali ini saya inggin mencoba menggunakan event click, dimana saat sebuah <a href=”value”> di click saya ingin mendapatkan value “href”nya dan menampilkanya pada alert.
langsung saja silahkan salin code berikut yang telah saya buat :
<html>
<head>
<title></title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<style>
a{
padding: 10px 20px;
background: DeepPink;
color: #fff;
text-decoration: none;
margin-left: 600px;
margin-top: 300px;
display: inline-block;
}
</style>
</head>
<body>
<a href="Hai selamat datang di Dumetschool.com">Klik saya</a>
<script>
$(document).ready(function()
{
$('a').click(function(event){
var tampung = $(this).attr("href");
alert(tampung);
});
});
</script>
</body>
</html>
setelah di salin silahkan di jalankan pada browsernya , maka hasilnya akan sepeti ini :
lalu saat di klik button tersebut maka akan tampil alert yang berisikan Value dari href yang tadi, maka hasilnya akan seperti ini :
Oke itu saja kali ini dari saya , untuk artikel tentang cara mendapatkan value event dengan menggunakan $(this), sampai bertemu pada artikel selanjutnya.