Cara Menginput file Jquery di HTML
Assalamualaikum wr.wb
jQuery adalah pustaka JavaScript lintas-platform yang didesain untuk menyederhanakan client-side scripting pada HTML. Dewasa ini, jQuery merupakan pustaka JavaScript yang paling populer, dengan 65% pemasangan dari 10 juta situs Web dengan pengunjung tertinggi. jQuery adalah gratis, dan bersifat kode sumber terbuka dibawah lisensi MIT.
B. Latar Belakang
jQuery juga menyediakan sebuah paradigma untuk penanganan event yang diluar pemilihan dan manipulasi elemen dasar DOM. Event assignment dan event callback function dapat dilakukan dengan hanya satu langkah atau satu baris kode. jQuery juga bertujuan menggabungkan fungsional JavaScript yang serting digunakan (mis: fade in dan fade out ketika menyembunyikan elemen, animasi dengan memanipulasi property CSS).
C. Maksud dan Tujuan
Mendorong pemisahan antara JavaScript dan HTML: Pustaka jQuery menyediakan sintaks yang sederhana utnuk penambahan penanganan event pada DOM dengan hanya menggunakan JavaScipt, bukan justru menambah event atribut HTML untuk memanggil fungsi JavaScript. Inilah yang mendorong para pengembang untuk memisahkan kode JavaScript dari markup HTML
Keringkasan dan kejelasan: jQuery mempromosikan keringkasan dan kejelasan kode dengan fitur seperti chainable function dan shorthand function names.
Mengeliminasi ketidak kompatibilitasan antar peramban (browser): Engine JavaScript pada setiap peramban pastilah sedikit berbeda antara satu dengan yang lainnya, jadi kode JavaScript yang berjalan pada sebuah peramban, bisa jadi tidak berjalan pada peramban yang lainnya. Seperti toolkit JavaScript lainnya, jQuery menangani seluruh ketidak konsistenan antar peramban dan menyediakan antar-muka konsisten yang dapat bekerja pada berbagai peramban yang berbeda.
Ekstensibel: Event baru, elemen-elemen, dan method dapat dengan mudah ditambahkan dan kemudian dapat digunakan ulang sebagai sebuah plugin.
D. Alat dan Bahan
- file Jquery.js
E. Langkah - langkah
1.Menghubungkan File jQuery dengan HTML
Untuk menghubungkan file jQuery dengan HTML, kita cukup menambahkan tag <script> dengan alamat file jquery-2.1.4.js, seperti berikut ini:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Belajar jQuery</title>
<script src="jquery-2.1.4.js"></script>
</head>
<body>
</body>
</html>
Kode HTML diatas harus ditempatkan di dalam 1 folder dengan file jquery-2.1.4.js. Apabila anda sudah mempelajari HTML dan CSS, tentu tidak asing dengan maksud penempatan file ini.
2. Cara Menginput File jQuery menggunakan CDN
Cara lain untuk bisa menggunakan jQuery adalah mengakses file jQuery yang ditempatkan diCDN (Content Delivery Network). Secara sederhana, CDN adalah sejenis harddisk global yang bisa diakses oleh siapa saja. Terdapat banyak pilihan CDN, kali ini saya akan menggunakan Google CDN, dengan demikian kode HTMLnya menjadi seperti berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Belajar jQuery</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
</body>
</html>
Dengan menggunakan CDN, kita tidak perlu repot-repot mendownload file jQuery. Tapi agar bisa berjalan, harus selalu online (terhubung ke internet).
F. Referensi
- http://www.duniailkom.com/tutorial-belajar-jquery-cara-menginput-file-jquery-ke-html/
- https://id.wikipedia.org/wiki/JQuery
G. Hasil dan Kesimpulan
jQuery pada intinya merupakan pustaka untuk memanipulasi DOM (Document Object Model). Dom adalah struktur-pohon representasi dari semua elemen yang terdapat dalam sebuah halaman Web, dan jQuery menyederhanakan sintaks untuk mencari, menyeleksi, dan memanipulasi elemen-elemen DOM tersebut. Sebagai contoh, jQuery dapat digunakan untuk mencari elemen dalam dokumen dengan properti tertentu (mis: semua elemen dengan tag h1), mengubah satu atau lebih atribut tersebut (mis: warna, keterlihatan), atau membuatnya merespon sebuah event (mis: ketika mouse diklik).
Yak, itu tadi penjelasan singkat tentang Cara Menginput file Jquery di HTML, jangan lupa untuk kunjungi terus blog saya untuk mengetahui kelanjutan materi ini Sekian Termiakasih
Wassalamu'alaikum Wr.Wb