Pengimputan File jQuery ke Dalam Html

Home » » Pengimputan File jQuery ke Dalam Html

Seperti yang kita ketahui sebelumnyajQuery hanya terdiri dari sebuah file javascript external. Yang dapatdi download secara gratis kemudian menghubungkannya dengan menggunakan tag <script>. Pada tutorial kali ini kita akan membahas tentang bagaimana cara menginput file jQuery kedalam html.
Ada dua metode yang bisa kita lakukan :
1.       Menggunakan CDN

Secara sederhana, CDN merupakan sejenis hardisk global yang bisa diakses oleh siapa saja. Ada berbagai macam cara menggunakan CDN dan untuk kali ini  kita akan menggunakan Google CDN. Cara yang biasaadmin lakukan seperti biasa yaitu dengan mengakses file jQuery yang berada di CDN (content delivery network).  Langsung saja berikut penampakannya :

< !DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8”>
                <title><KangCoding</title>
                <script src=https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js>
                </script>
</head>
<body>
<html>

NB: Dengan menggunakan cara ini (CDN, maka kita tidak akan direpotkan dengan mendownload file jQueryTapi untuk dapat menjalankannya kita membutuhkan koneksi internet.

2.       Mengakses jQuery Dari Komputer Lokal (offline)

Untuk dapat menggunakan jQuery secara offline initerlebih dahulu kita harus memiliki file   jQuery dengan mendownloadnya dari situs resmi jQuery di www.jquery.com kemudian mengaksesnya melalui tag <script>
Disini di asumsikananda telah mempunyai file                                                                                           jQuery nya. Maka kita cukup tinggal menambahkan tag <script> dengan alamat                           jquery-2.1.4.js, seperti berikut :

< !DOCTYPE html>
<html>
<head>
                <meta charset=”UTF-8”>
                <title>KangCoding</title>
                <script src=”jquery-2.1.4.js”></script>
</head>
<body>
</body>
</html>

NB : kode HTML diatas harus ditempatkan di dalam folder dengan file jquery-2.1.4.js.
.
Share this article :