Click() dalam Jquery

click()

Digunakan untuk memicu event pada elemen HTML saat user mengklik elemen yang mempunyai fungsi click() ini.

Event click dikirim ke elemen saat pointer mouse diatas elemen dan tombol mouse ditekan lalu dilepaskan.

Contoh:

Dibawah ini terdapat paragraph dimana saat ia diklik maka tulisan pada paragraph ini akan hilang.

<html>

<head>

<script type=“text/javascript” src=“js/jquery.js”></script>

<script type=“text/javascript”>

$(document).ready(function(){

$(“p”).click(function(){

$(this).hide();

});

});

</script>

</head>

<body>

<p>

Ingin tahu fungsi Click dalam JQuery ….

</p>

</body>

</html>

Keterangan:

  • $(document).ready() kode memastikan bahwa fungsi yang berada dalam bloknya akan dieksekusi setelah dokumen selesai diload.
  • $(“p”).click() kode ini berarti bahwa JQuery mencari tag <p> HTML dan menunggu diklik oleh user.
  • $(this).hide() kode ini berarti bahwa isi dari paragraph dihide.


Jika Tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura’.


You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *