YUPOCOM: jQuery Install

jQuery Install

Menambahkan jQuery untuk Halaman Web Anda

Untuk menggunakan jQuery, Anda perlu men-download jQuery library (dijelaskan di bawah), dan menyertakannya pada halaman yang ingin menggunakannya.

jQuery library adalah file JavaScript tunggal, dan Anda referensikan dengan menggunakan tag HTML <script>:

Perhatikan bahwa tag <script> harus berada di dalam bagian <head> halaman.

Apakah Anda bertanya-tanya mengapa kita tidak mengetikkan = "text / javascript" di dalam tag <script>?

Hal ini tidak diperlukan dalam HTML5. JavaScript adalah bahasa scripting standar HTML5 dan di semua browser modern!

Contoh jQuery Dasar

Contoh berikut menunjukkan hide jQuery () metode.

Ketika pengguna mengklik tombol, semua elemen <p> akan disembunyikan:

<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>

<body>
<h2>Ini adalah Heading</h2>
<p>Ini adalah paragraf.</p>
<p>Ini adalah paragraph yang lain</p>
<button>Klick Saya</button>
</body>
</html>

Men-download jQuery

Ada dua versi dari jQuery tersedia untuk download:

* Versi Produksi - ini adalah untuk situs Anda karena telah minified dan dikompresi
* Versi Pengembangan - ini adalah untuk pengujian dan pengembangan (kode tidak terkompresi dan bisa dibaca)

Kedua versi dapat didownload dari jQuery.com.

Tip: Tempatkan file download di direktori yang sama seperti halaman di mana Anda ingin menggunakannya.

Alternatif untuk Men-Download

Jika Anda tidak ingin men-download dari jQuery.com, Anda dapat memasukkannya dari CDN (Content Delivery Network).

Baik Google dan Microsoft jQuery host.

Untuk menggunakan jQuery dari Google atau Microsoft, gunakan salah satu cara berikut:

Google CDN :
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>

Dapatkan versi terbaru dengan Google CDN:

Jika Anda melihat URL Google di atas - versi jQuery ditentukan dalam URL (1.8.0). Jika Anda ingin menggunakan versi terbaru dari jQuery, Anda dapat menghapus nomor versi akhir dari string (misalnya 1.8), maka Google akan mengembalikan versi terbaru yang tersedia dalam seri 1.8 (1.8.0, 1.8. 1, dll), atau Anda dapat mengambil itu ke seluruh nomor (1), dan Google akan kembali versi terbaru yang tersedia di seri 1 (dari 1.1.0 ke 1.9.9).

Microsoft CDN :
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>

Salah satu keuntungan besar dari menggunakan jQuery host dari Google atau Microsoft:

Banyak pengguna telah men-download jQuery dari Google atau Microsoft. hasilnya, akan disimpan di cache ketika mereka mengunjungi situs Anda, yang menyebabkan waktu loading lebih cepat. Juga, CDN sebagian besar akan memastikan bahwa sekali permintaan penggunaan file itu, maka akan dilayani dari server terdekat mereka, yang juga menyebabkan waktu loading lebih cepat.

Artikel Sebelumnya .....

Artikel Selanjutnya .....

Label

Minggu, 30 September 2012

jQuery Install

Tidak ada komentar:

Posting Komentar