Menginput File jQuery ke HTML

Assalamualaikum Wr. Wb.

Hai sobat, postingan kali ini saya akan share tentang menginput file jQuery ke html.




Pengertian:
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.

Latar Belakang:
Agar kita bisa menghubungkan file jQuery dengan HTML dengan benar.

Alat dan Bahan:
  • Komputer/Laptop.
  • Sublime Text.
Penjelasan:
Pada tutorial kali ini, ada 2 cara untuk menginput file jQuery ke html.
  1. Mendownload dan mengakses jQuery secara lokal.
  2. Menggunakan CDN (Content Delivery Network).
Silahkan buka situs resmi jQuery di jquery.com. Pada bagian kanan tengah, terdapat tombol “Download jQuery".
  • Menginput file jQuery dengan HTML.
Untuk menghubungkan file jQuery dengan HTML, kita cukup menambahkan tag <script>, contohnya  dengan alamat file jquery-2.1.4.js, seperti berikut ini:
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Belajar jQuery Duniailkom</title>
  <script src="jquery-2.1.4.js"></script>
</head>
<body>
</body>
</html>
  • Cara menginput file dengan CDN.
Cara lain untuk bisaa menggunakan jQuery adalah mengakses file jQuery yang ditempatkan di CDN (Content Delivery Network). Secara sederhana, CDN adalah sejenis harddisk global yang bisa diakses oleh siapa saja. Terdapat banyak pilihan CDN, kode HTML dengan CDN seperti ini:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
  <title>Belajar jQuery Duniailkom</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js">
  </script>
</head>
<body>
</body>
</html>

Hasil dan Kesimpulan:
Sintaks pada jQuery didesain untuk memudahkan dalam navigasi sebuah dokumen, pemilihan elemen DOM, pembuatan animasi, penanganan event, dan pengembangan aplikasi berbasis Ajax. jQuery juga menyediakan kemampuan bagi para pengembang untuk dapat membuat plug-in pada pustaka JavaScript ini.

Referensi:
https://id.wikipedia.org/wiki/JQuery 
http://www.duniailkom.com/tutorial-belajar-jquery-cara-menginput-file-jquery-ke-html/

Penutup:
Sekian postingan kali ini, semoga bermanfaat.

Wassalamualaikum Wr. Wb.


Share this

Related Posts

Previous
Next Post »