JQuery adalah library yang ditulis dengan menggunakan bahasa pemrograman JavaScript. Library ini dapat dimasukkan ke dalam dokumen HTML. Library ini dibuat oleh John Resig, tahun 2006, untuk memudahkan para programmer web dalam menggunakan dan menerapkan JavaScript di website. JQuery bukanlah bahasa pemrograman yang berdiri sendiri, jQuery dibuat memakai JavaScript. Dengan menggunakan jQuery, seorang programmer web dapat memakai ratusan fungsi dan class yang siap pakai dalam pengembangan aplikasi web.
Untuk memakai jQuery di dalam dokumen HTML, kita harus menambahkan library tersebut ke dalam dokumen HTML. Ada dua cara untuk menambahkan library jQuery ke dalam dokumen HTML. Pertama dengan mengunduh langsung dan kedua dengan memakai url CDN. Mari kita bahas satu per satu.
Menambahkan jQuery Pada Dokumen HTML
Untuk menambahkan library jQuery pada dokumen HTML kita bisa memakai dua cara.
- Mengunduh file library jQuery melalui jquery.com kemudian memasukkan file tersebut pada dokumen HTML
- Memasukkan url atau tautan (CDN) yang berisi library jQuery pada dokumen HTML
Mengunduh jQuery
Kita dapat mengunduh file library jQuery melalui jquery.com. File library jQuery adalah file library JavaScript biasa, yaitu mempunyai ekstensi js. Versi jQuery yang dipakai biasanya terdapat pada nama file library. Misal jquery-3.5.1.js adalah file library jQuery dengan versi 3.5.1. Kita bisa memilih versi jQuery yang akan diunduh.
File library jQuery dimasukkan pada dokumen HTML dengan cara yang sama dengan memasukkan library JavaScript biasa. Tautan file tersebut harus berada di dalam tag script. Pastikan juga tag script yang dibuat berada di dalam tag head.
<head>
<script src="jquery-3.5.1.min.js"></script>
</head>
Memakai Url CDN
CDN adalah server-server yang disebar di seluruh dunia yang berisi file-file yang dapat dipakai untuk berbagai keperluan. File-file tersebut dapat diakses melalui tautan atau url. Library jQuery juga ada di dalam CDN dan mempunyai alamat url atau tautan.
Untuk memakai jQuery melalui CDN kita tinggal memasukkan url library jQuery di dalam tag script. Pastikan tag script berada di dalam tag head.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
Tutorial sebelumnya : Tutorial Belajar jQuery
Tutorial setelahnya : Apa Itu jQuery
Semua Tutorial JQuery : Tutorial JQuery