Apa itu JQuery? Bagaimana Cara menggunakannya

Apa itu JQuery?

JQuery adalah Javascript library dirancang mempermudah HTML DOM dan Manipulation penggunakan javascript pada website Anda. Adanya JQuery bisa menambahkan atribut element dan memodifikasi element (seluruh element atau sekelompok element)

Anda bisa menyisipkan, mencopy, menyembunyikan, menghapus dan lainnya.

JQuery versi 1.0 merilis 10 September 2007 dan Sekarang JQuery versi 3.6.1 update pada tanggal 26 Agustus 2022 Pengguna 10 juta website 77% menggunakan Libary JQuery, ada beberapa Website terkenal masih menggunakan JQuery.

#Daftar isi

1 Kelebihan JQuery

2 Cara membuat website dengan JQuery 3.6.1?

3 Download dan Install Visual Studio Code

4 Memastikan JQuery berjalan dengan Normal

Kelebihan JQuery

Javascript Libary paling populer

JQuery adalah libary javascript yang populer di dunia dan telah membantu banyak developer website dalam mengembangkan website yang interaktif dan banyak sumber akses belajar. Apalagi Tahun 2022 ada sekitar Kurang lebih 7 juta website menggunakan JQuery.

Membuat Animasi JQuery lebih mudah

Penulisan code Javascript yang menggunakan JQuery lebih mudah. Dengan proses pembuatan Animasi yang kompleks akan jauh lebih mudah.

Cara membuat website dengan JQuery 3.6.1?

Cara menggunakan Anda bisa download Project website dengan JQuery 3.6.1 klik disini atau Anda sudah memiliki website ingin menambahkan JQuery 3.6.1 klik disini

Anda bisa pilih “Download the uncompressed, development jQuery 3.6.1”

Download dan Install Visual Studio Code

Download Visual Studio Code Jika sudah silakan Anda Install.

Buka Software Visual Code Studio, akan download Extension Live Server terlebih dahulu:

Klik icon Extension (Jika tidak tahu perhatikan gambar diatas no 1)
Ketik “live server” (Jika tidak tahu perhatikan gambar diatas no 2)
Klik Icon Live Server (Jika tidak tahu perhatikan gambar diatas no 3)
Klik Install (Jika tidak tahu perhatikan gambar diatas no 4)

Pastikan Anda sudah mendownload dan Extract Here,

Jika sudah buka aplikasi Visual Code Studio setelah itu klik File > Open Folder atau dengan Shortcut Ctrl + K klik folder Belajar-JQuery-main kemudian select folder

Tambahkan script di index.html diatas </body>

<script type="text/javascript" src="scripts/jquery-3.6.1.js"></script>

1	<script type="text/javascript" src="scripts/jquery-3.6.1.js"></script>

Jika sudah save dengan Shortcut Ctrl + S dan klik Go Live

Secara otomatis membuka browser dengan new tab dengan url http://127.0.0.1:5500/index.html

Memastikan JQuery berjalan dengan Normal

Klik kiri pada browser pilih inspect Kemudian klik menu console setelah itu perhatikan gambar dengan angka 2, ketik $ kemudian Enter (pastikan tulisan yang muncul seperti diatas)