Home » Jquery » Pengenalan JQuery : Apa itu JQuery ?

Pengenalan JQuery : Apa itu JQuery ?

by Hanifah Nurbaeti
by Hanifah Nurbaeti

Tujuan jQuery adalah untuk mempermudah penggunaan JavaScript di situs web.

Yang Harus Di Ketahui Sebelum Mempelajari JQuery

Sebelum memulai mempelajari jQuery, kita harus memiliki pengetahuan dasar tentang:

Pengertian JQuery

jQuery adalah pustaka JavaScript ringan, memiliki semboyan “write less, do more”.

Tujuan jQuery adalah untuk mempermudah penggunaan JavaScript di situs web .

jQuery mengambil banyak tugas umum yang membutuhkan banyak baris kode JavaScript untuk diselesaikan dan membungkusnya menjadi metode yang dapat dipanggil dengan satu baris kode.

jQuery juga menyederhanakan banyak hal rumit dari JavaScript, seperti panggilan AJAX dan manipulasi DOM.

Pustaka jQuery berisi beberapa fitur berikut:

  • Manipulasi HTML / DOM
  • Manipulasi CSS
  • Metode acara HTML
  • Efek dan animasi
  • AJAX
  • Utilities

Tip: Selain itu, jQuery memiliki plugin untuk hampir semua tugas di luar sana.

Mengapa jQuery?

Ada banyak pustaka selain JavaScript, tetapi jQuery mungkin yang paling populer dan juga yang paling dapat diperpanjang.

Banyak perusahaan terbesar di Web menggunakan jQuery, seperti:

  • Google
  • Microsoft
  • IBM
  • Netflix

Apakah jQuery berfungsi di semua browser?

Tim jQuery tahu semua tentang masalah lintas-browser dan mereka telah menulis pengetahuan ini ke dalam pustaka jQuery. jQuery akan berjalan persis sama di semua browser utama.

jQuery adalah Perpustakaan JavaScript.

jQuery sangat menyederhanakan pemrograman JavaScript.

jQuery mudah dipelajari.

Contoh

Di bawah ini ada contoh kode JQuery dan Implementasinya menggunakan HTML.

Contoh :

$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>

<p>If you click on me, I will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>

</body>
</html>

You may also like