Apa itu JQuery? Bagaimana Cara menggunakannya?

October 24, 2022

Bagaiaman Cara Menggunakan JQuery

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.

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

Download JQuery 3.6.1 dan cara menggunakannya

Anda bisa pilih ā€œDownload the uncompressed, development jQuery 3.6.1ā€

Download dan Install Visual Studio Code

Download Visual Studio Code menjalankan Project JQuery

Download Visual Studio Code Jika sudah silakan Anda Install.

Visual Code Studio Download Live Server

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

  1. Klik icon Extension (Jika tidak tahu perhatikan gambar diatas no 1)
  2. Ketik ā€œlive serverā€ (Jika tidak tahu perhatikan gambar diatas no 2)
  3. Klik Icon Live Server (Jika tidak tahu perhatikan gambar diatas no 3)
  4. Klik Install (Jika tidak tahu perhatikan gambar diatas no 4)

Extract here Belajar-JQuery-main.zipPastikan Anda sudah mendownload dan Extract Here,

pilih folder belajar JQuery dan select folder

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>

Klik Go Live menjalankan project JQueryJika sudah save dengan Shortcut Ctrl + S dan klik Go Live

Go live berjalan dengan lancarSecara otomatis membuka browser dengan new tab dengan url

http://127.0.0.1:5500/index.html

Memastikan JQuery berjalan dengan Normal

Inspect browser google chrome

Klik kiri pada browser pilih inspect

Klik pada bagian Console

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

Console JQuery body hide

Percobaan kedua Anda ketik di console

Kemudian enter secara otomatis website blank, Berarti JQuery berjalan dengan baik.

Ditulis oleh Adi

Suka hal baru dunia Digital Marketing, Web design dan Teknologi.
garis panjang

Comments

2 Comments

  1. Good way of telling, and pleasant paragraph
    to get data concerning my presentation focus, which i am going to deliver in university.

    Reply
    • Thanks for you comment..

      Reply

Submit a Comment

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