Mengenal Fungsi Click Pada jQuery

Terkadang melepas seseorang dalam hidupmu bukan karena tak cinta, namun engkau lebih mencintai dirimu sendiri yang selalu terluka karna nya. Begitupun sebaliknya. Oke di hari yang indah ini saya akan berbagi ilmu kepada kalian tentang Mengenal Fungsi Click Pada jQuery.

Yang dimaksud dengan fungsi click ini adalah membuat fungsi click pada konten dalam website kita. Contoh pada suatu judul yang memakai tag <h1> yang tidak bisa di klik, maka jika kita memakai click ini pada tag <h1> akan terjadi fungsi yang akan kita berikan pada tag <h1> yang sudah kita pakaikan click.
Oke untuk lebih jelas nya langsung kita praktekkan saja Mengenal Fungsi Click Pada jQuery nya.

Fungsi click mempunyai struktur sebagai berikut:

$(selector).click() <!-- untuk membuat bisa di klik -->

$(selector).click(function) <!-- untuk membuat bisa di klik dengan membuat fungsi nya -->

Oke pertama-tama, seperti biasa siapkan file index.html nya terlebih dahulu ya.

Kemudian isi di bagian <head> library jquery nya,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

Setelah itu, isi di bagian <body> tag di bawah ini,

<body>

<p>Coba klik disini, iya disini..</p>

</body>

Dan yang terakhir, silahkan isi di bagian <head> script click nya ya,

<script>
$(document).ready(function(){
    $("p").click(function(){
        alert("Tuhkan di klik.");
    });
});
</script>

Oke bagaimana teman-teman? cukup mengerti ya?

Sekian untuk artikel kali ini tentang Mengenal Fungsi Click Pada jQuery.

Semoga bermanfaat, terima kasih

Kategori