Penjelasan lengkap Tentang Jquery dan cara menginstall jquery

 


 

 

Apa itu jquery

Jquery adalah sebuah library javascript yang dibuat oleh John Resig pada tahun 2006. Jquery digunakan untuk mempermudah manipulasi dan mempersingkat sintaks dom pada javscript, contoh program mengganti sebuah text:

javascript :

document.getElementById("demo").textContent = "Text changed!"; 

javascript + jquery :

$("#demo").text("Text changed!");

kedua kode diatas memiliki hasil yang sama yaitu mengubah text di elemen yang ber id demo menjadi "Text changed!"

nah,selain bisa memanipulasi text yang ada di html,javscript bisa melakukan : manipulasi css pada elemen html, manipulasi atribut pada elemen html,manipulasi animasi pada elemen html, event handling dan lain sebagainya. Selain itu jquery memiliki fitur untuk menambahkan plugin, jadi kita bisa menambahkan fitur fitur baru selain fitur default diatas.

Instalasi jquery

Ada berbagai cara untuk menginstall jquery, berikut adalah beberapa caranya :

1.Menggunaka npm

Jika di perangkat kalian memiliki node js kalian bisa menggunakan npm untuk menginstall jquery:

npm install jquery

setelah download berhasil kalian bisa menyambungkan jquery ke html kalian.

Jika ingin menggunakan link tambahkan :

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

diantara tag body di html kalian, kalian juga bisa mendownloadnya langsung dan menyambungkannya ke html

Fitur fitur utama jquery

Berikut adalah beberapa fitur utama pada jquery :

  1. Manipulasi html
  2. Manipulasi css
  3. Manipulasi dom
  4. Menambahkan animasi dan effect dengan mudah
  5. Ajax yang bisa digunakan untuk mengambil data dari api
  6. Membaca data json
  7. Bisa menambahkan fitur dengan plugin

Keuntungan dan kelebihan jquery

Berikut adalah keuntungan dan kekurangan dari jquery :

keuntungan :

  1. Mudah untuk digunakan
  2. Fitur ajax untuk mempermudah pengambilan data dari api
  3. Dokumentasi yang lengkap

kekurangan :

  1. Ukuran yang cukup berat(200kb)
  2. Kadang dianggap sudah usang dan kalah dengan library javascript yang lebih modern(meski masih populer), contoh : react
  3. Lambat (jika dibandingkan dengan library yang modern)

Posting Komentar

Lebih baru Lebih lama

نموذج الاتصال