Cara Mudah Belajar JQuery Untuk Pemula

Cara Mudah Belajar JQuery Untuk Pemula - Bisa dibilang jQuery saat ini adalah library javascript yang paling populer, hampir sebagian besar website menggunakan jQuery, jadi sangat penting bagi seorang developer untuk memahami jQuery.

Belajar jQuery gampang-gampang susah, akan lebih mudah apabila Anda telah paham Javascript sebelumnya.

Banyak pemula yang bertanya bagaimana cara untuk memulai belajar jQuery, nah pada tulisan kali ini koraninformasi.com beberapa yang bisa diikuti oleh pemula yang ingin belajar jQuery.

Apa itu jQuery?

jQuery adalah script pemrograman yang berjalan di web browser. Secara teknis jQuery adalah sebuah library JavaScript, dan ini cukup mudah untuk digunakan.

Beberapa hal yang menarik tentang jQuery:

1. Membuat kode menjadi lebih singkat
2. Kita bisa melakukan tugas-tugas yang kompleks seperti memanipulasi struktur HTML dari halaman web (biasa disebut DOM) hanya dengan beberapa baris kode saja.
3. Penanganan Event jauh lebih mudah dibandingkan dengan menulis kode JavaScript murni.
4. Pemanggilan AJAX juga sangat sederhana.

Langkah awal belajar Jquery

Sebagai pemula, Anda mungkin ingin mulai melompat masuk dan mencoba hal-hal baru seperti melakukan ujicoba fungsionalitas dan kinerjanya. Dari perspektif pemula, berikut ini adalah beberapa langkah yang bisa Anda ikuti untuk bisa mengenal jQuery dengan lebih baik.

Langkah 1 – Tambahkan referensi jQuery

Ketika bekerja dengan jQuery, hal pertama yang harus dilakuan adalah dengan menambahkan referensi. Referensi ini biasaya ditaruh di bagian head (atas) dari kode website, referensi yang digunakan adalah sebagai berikut.

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

Pada baris diatas, kita merujuk pada jQuery yang berada di library yang berada di hosting Google. Apabila Anda bekerja pada tempat yang tidak terdapat koneksi internet maka koneksi dengan referensi diatas tidak akan bekerja. Untuk itu Anda juga bisa mendownload script jQuery tersebut ke komputer lokal Anda, silahkan download langusung dari website resmi https://jquery.com/download/

Apabila Anda sudah mendownload jQuery pada komputer lokal Anda maka untuk memanggilnya taruh script berikut ini pada bagian head di kode HTML website Anda.

<script type="text/javascript" src="JS/jquery.min.js"></script>

Langkah 2 – Penanganan Event jQuery

Event seperti klik pada tombol, ketika tombol ditekan, ketika tombol tidak lagi ditekan, ketika mouse berada diatas sebuah elemen, ketika fokus, ketika field checkbox dipilih dan lain sebagainya, semua bisa di program dengan mudah berkat jQuery.

Sebagai contoh, berikut ini kita akan mencoba untuk membuat program yang melakukan aksi ketika sebuah tombol di klik.

<button id="myButton">Koraninformasi.com</button>
<script type="text/javascript" src="JS/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#myButton").click(function (e) {
            alert("Anda barus saja klik sebuah tombol");
        });
    });
</script>

Lihat DEMO

Pada script diatas, kita menaruh event klik tombol didalam $(document).ready(function(){}).

Ini karena untuk memberitahukan jQuery agar berjalan setelah seluruh halaman selesai dimuat. Semua kode jQuery harus ditaruh didalamnya.

Terimakasih telah berkunjung ke www.koraninformasi.com, apabila ada yang ingin di tanyakan silahkan komentar dibawah ini atau bisa menghubungi admin ..

Share :