It’s Just a Simple  jQuery   WHISNU SUCITANUARY   Blacx_wish@yahoo.com     December 13, 2011
jQuery adalah sebuah file yang berisi kumpulan dari beberapa script yang ditulis menggunakanbahasa pemrograman Javascript ...
Kedua cara tersebut diatas, masing-masing memiliki kelebihan dan kekurangan, berikut adalahbeberapa perbedaan antara menga...
Mengakses jQuery secara OnlineUntuk mengakses jQuery secara online, kita cukup mengaksesnya langsung ke beberapa tautanber...
Contoh Penggunaan jQuery Offline                                                                        Sample1.html<!DOCT...
Contoh Penggunaan jQuery OnlineSebenarnya tidak ada perbedaan yang begitu besar dalam penggunaan jQuery secara online, dap...
“Learn and Share..”
Upcoming SlideShare
Loading in...5
×

jQuery

1,017

Published on

Sedikit mengenal jQuery

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,017
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

jQuery

  1. 1. It’s Just a Simple jQuery WHISNU SUCITANUARY Blacx_wish@yahoo.com December 13, 2011
  2. 2. jQuery adalah sebuah file yang berisi kumpulan dari beberapa script yang ditulis menggunakanbahasa pemrograman Javascript yang dapat digunakan dengan lebih mudah dan sederhana, dengankata lain jQuery adalah sebuah Framework Javascript.jQuery digunakan untuk mempercantik sebuah halaman web, dan bahkan dapat memberikanperforma lebih dari biasanya, seperti bermain css, animasi, validasi, AJAX, dan lain-lain. Untukmenggunakan jQuery, kita cukup menambahkan sebuah referensi javascript pada website yangsedang 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)
  3. 3. Kedua cara tersebut diatas, masing-masing memiliki kelebihan dan kekurangan, berikut adalahbeberapa perbedaan antara mengaksesnya secara online dan lokal: ONLINE OFFLINE/LOKAL Kelebihan Kekurangan Kelebihan KekuranganPengaksesan Lebih Website akan Bagaimanapun jQuery akan diakses daricepat bermasalah jika server javascript akan lokal server jQuery bermasalah dieksekusi di sisi clientSource selalu up-to-date Bermasalah jika Link Source jQuery dapat Mengupdate versi secara jQuery yang sudah tidak dimodifikasi manual dengan valid mendownload versi terbaruCukup memerlukan Bermasalah jika tidak Karena dalam bentukkoneksi internet tersedia koneksi internet file, jai jQuery dapat (*bermasalah jika diakses offline diakses di loka)
  4. 4. Mengakses jQuery secara OnlineUntuk mengakses jQuery secara online, kita cukup mengaksesnya langsung ke beberapa tautanberikut:  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 versionMengakses jQuery secara Offline/lokalBerbeda dengan mengaksesnya secara online, jika kita hendak menggunakan cara ini, file jQueryharus didownload terlebih dahulu ke komputer lokal kita dan kemudian menggunakannya dengancara mengarahkan alamat script ke lokal path (relative path).
  5. 5. 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 denganmouse.Ini adalah contoh sebuah paragraph yang akan hilang jika anda menyentuhnya denganmouse.</p><p>Dan ini adalah contoh paragraph kedua yang akan menghilang juga jika andamenyentuhnya ;)Dan ini adalah contoh paragraph kedua yang akan menghilang juga jika andamenyentuhnya ;)</p></body></html>
  6. 6. Contoh Penggunaan jQuery OnlineSebenarnya tidak ada perbedaan yang begitu besar dalam penggunaan jQuery secara online, dapatkita perhatikan potongan gambar diatas, bahwa perbedaannya hanya pada alamat dari script yangdigunakan, lokasi dari script yang diakses langsung ke internet. Dan hasilnya pun tetap sama.
  7. 7. “Learn and Share..”
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×