jquery
DESCRIPTION
Sedikit mengenal jQueryTRANSCRIPT
jQuery adalah sebuah file yang berisi kumpulan dari beberapa script yang ditulis menggunakan
bahasa pemrograman Javascript yang dapat digunakan dengan lebih mudah dan sederhana, dengan
kata lain jQuery adalah sebuah Framework Javascript.
jQuery digunakan untuk mempercantik sebuah halaman web, dan bahkan dapat memberikan
performa lebih dari biasanya, seperti bermain css, animasi, validasi, AJAX, dan lain-lain. Untuk
menggunakan jQuery, kita cukup menambahkan sebuah referensi javascript pada website yang
sedang kita bangun menggunakan tag <script> yang disisipkan pada element <head> pada html.
jQuery dapa digunakan dengan mengunakan dua buah cara, yaitu :
1. Mengaksesnya secara online
2. Mengaksesnya dari lokal computer (didalam website)
Kedua cara tersebut diatas, masing-masing memiliki kelebihan dan kekurangan, berikut adalah
beberapa perbedaan antara mengaksesnya secara online dan lokal:
ONLINE OFFLINE/LOKAL
Kelebihan Kekurangan Kelebihan Kekurangan
Pengaksesan Lebih
cepat
Website akan
bermasalah jika server
jQuery bermasalah
Bagaimanapun
javascript akan
dieksekusi di sisi client
jQuery akan diakses dari
lokal server
Source selalu up-to-date Bermasalah jika Link
jQuery yang sudah tidak
valid
Source jQuery dapat
dimodifikasi
Mengupdate versi secara
manual dengan
mendownload versi terbaru
Cukup memerlukan
koneksi internet
Bermasalah jika tidak
tersedia koneksi internet
(*bermasalah jika
diakses di loka)
Karena dalam bentuk
file, jai jQuery dapat
diakses offline
Mengakses jQuery secara Online
Untuk mengakses jQuery secara online, kita cukup mengaksesnya langsung ke beberapa tautan
berikut:
Google Ajax API CDN (Also supports SSL via HTTPS)
o http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
o Google Ajax CDN Documentation
Microsoft CDN (Also supports SSL via HTTPS)
o http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js
o Ajax CDN Announcement, Microsoft Ajax CDN Documentation
jQuery CDN (via Media Temple)
o http://code.jquery.com/jquery-1.7.1.min.js Minified version
o http://code.jquery.com/jquery-1.7.1.js Source version
Mengakses jQuery secara Offline/lokal
Berbeda dengan mengaksesnya secara online, jika kita hendak menggunakan cara ini, file jQuery
harus didownload terlebih dahulu ke komputer lokal kita dan kemudian menggunakannya dengan
cara mengarahkan alamat script ke lokal path (relative path).
Contoh Penggunaan jQuery Offline
Sample1.html
<!DOCTYPE html>
<html>
<head>
<title>Menggunakan jQuery - Lokal File</title>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
$("p").mouseover(function(){
$(this).hide('slow');
});
$("p").mouseout(function(){
$(this).show('slow');
});
});
</script>
</head>
<body>
<h1>Bermain jQuery</h1>
<p>
Ini adalah contoh sebuah paragraph yang akan hilang jika anda menyentuhnya dengan
mouse.
Ini adalah contoh sebuah paragraph yang akan hilang jika anda menyentuhnya dengan
mouse.
</p>
<p>
Dan ini adalah contoh paragraph kedua yang akan menghilang juga jika anda
menyentuhnya ;)
Dan ini adalah contoh paragraph kedua yang akan menghilang juga jika anda
menyentuhnya ;)
</p>
</body>
</html>
Contoh Penggunaan jQuery Online
Sebenarnya tidak ada perbedaan yang begitu besar dalam penggunaan jQuery secara online, dapat
kita perhatikan potongan gambar diatas, bahwa perbedaannya hanya pada alamat dari script yang
digunakan, lokasi dari script yang diakses langsung ke internet. Dan hasilnya pun tetap sama.
“Learn and Share..”