Pengenalan JQuery

Setelah mengerti dasar javascript, maka selanjutnya anda dapat belajar jquery. Apa itu jquery? jquery adalah sebuah library atau framework javascript yang sangat popular. Jquery menyediakan fungsi-fungsi yang mudah digunakan, sehingga tidak perlu lagi membangun kode javascript dari awal. Jquery sangat terkenal dan banyak dipakai oleh pengembang plugin web. Bootstrap sendiri menggunakan jquery.

Kelebihan Jquery:
  • Mudah dipelajari
  • Dokumentasi lengkap
  • Banyak digunakan pengembang web
  • Cocok untuk desain web
  • Gratis

Ditahap awal anda bisa memanfaatkan secara maksimal pada bagian web desain. Tampilan web yang baik didukung oleh CSS sedangkan responship nya dari javascript. Jquery dapat digunakan untuk menuliskan atau menghapus css tanpa reload. Jquery juga dapat membaca lebar dan tinggi layar sehingga dapat diprogram sedemikan rupa.

Selain untuk desain, kita juga dapat memanfaatkan jquery untuk urusan data. Seperti mengambil nilai di form dan menempatkannya. Misal kita menginput nilai mahasiswa maka jquery dapat membantu menghitungnya tanpa reload dan menampilkan nilai huruf maupun angka. Jika kita sudah mempelajari keamanan web kita dapat menggunakan ajax untuk mengolah database.


Jenis penggunaan jquery:
  1. Online 
    Cara ini cukup mudah yaitu dengan menuliskan link saja. Keuntungan cara ini adalah mudah dan cepat di lakukan.
  2. Offline
    Caranya dengan mendownload jquery dan me-link-kan nya seperti penulisa javascript external. Keuntungannya kita dapat memastikan keberadaan jquery sampai kapanpun.

Contoh:

<!DOCTYPE html>
<html>
<head>
<title>Jquery</title>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<style>
.bg{
background-color: cyan;
}
</style>
</head>
<body>
<input type="button" value="warna Background" class="bg" onclick="ganti_bg()">
<script>
function ganti_bg() {
$( "body" ).addClass( "bg" );
}
</script>
</body>
</html>

Contoh diatas adalah jquery online dengan contoh kasus menulikan class "bg" pada tag body html.
Jika tombol "warna background" diklik maka fungsi "ganti_bg" dijalankan. Fungsi "ganti_bg" isinya isinya jquery untuk menuliskan class "bg" pada tag body.

Terima kasih, ngoding itu mudah 😀


Popular posts from this blog

Cara Menggunakan Template Admin LTE Sebagai Template Web Dinamis

Aplikasi CRUD menggunakan Template Admin LTE

Cara membuat Link ke Halaman lain dan Link ke bagian Halaman