Bagaimana cara menggunakan jQuery AJAX untuk Pemrograman HTML5 dan CSS3

Meskipun banyak perpustakaan AJAX / JavaScript yang beredar tersedia untuk pemrogram HTML5 dan CSS3, jQuery telah dengan cepat menjadi salah satu yang paling menonjol. Berikut adalah beberapa alasan untuk popularitas jQuery:

Ini adalah perpustakaan yang hebat. Sistem jQuery sangat hebat. Ini bisa melakukan segala macam hal yang mengesankan agar JavaScript Anda lebih mudah untuk menulis.
Ini ringan. Anda perlu menyertakan referensi ke perpustakaan Anda di setiap file yang membutuhkannya. Seluruh jQuery perpustakaan cocok di 55K, yang lebih kecil dari banyak file gambar. Ini tidak akan berdampak signifikan pada kecepatan download.
Mendukung mekanisme seleksi yang fleksibel. jQuery sangat menyederhanakan dan memperluas dokumen. mekanisme getElementById yang penting bagi manipulasi DOM.
Memiliki dukungan animasi yang hebat. Anda dapat menggunakan jQuery untuk membuat elemen tampak dan memudar, bergerak dan meluncur.
Itu membuat pertanyaan AJAX sepele. Anda akan terkejut betapa mudahnya AJAX dengan jQuery.
Ini memiliki mekanisme acara yang disempurnakan. JavaScript memiliki dukungan yang sangat terbatas untuk acara. jQuery menambahkan alat yang sangat ampuh untuk menambahkan event handler ke hampir semua elemen.
Ini menyediakan dukungan lintas platform. Pustaka jQuery mencoba mengelola masalah kompatibilitas browser untuk Anda, jadi Anda tidak perlu banyak menekankan tentang browser mana yang sedang digunakan.
Mendukung widget antarmuka pengguna. jQuery hadir dengan perpustakaan antarmuka pengguna yang hebat, termasuk alat HTML yang tidak dimiliki, seperti kontrol drag-and-drop, slider, dan pemetik tanggal.
Ini sangat extensible. jQuery memiliki perpustakaan plug-in yang mendukung semua jenis fitur opsional, termasuk widget dan alat baru seperti integrasi audio, galeri gambar, menu, dan banyak lagi.
Ini mengenalkan ide pemrograman baru yang hebat. jQuery adalah alat yang hebat untuk mempelajari beberapa gagasan menarik seperti pemrograman fungsional dan objek berantai.
Ini gratis dan open source. Ini tersedia dengan lisensi open-source, yang berarti tidak ada biaya untuk digunakan, dan Anda dapat mencarinya dan mengubahnya jika Anda mau.
Ini cukup khas. Jika Anda memilih untuk menggunakan perpustakaan AJAX yang berbeda, Anda tetap dapat mentransfer gagasan yang Anda pelajari di jQuery.

Cara menginstal jQuery

Perpustakaan jQuery mudah dipasang dan digunakan. Ikuti langkah-langkah ini:

Pergi ke jquery. com.
Download versi sekarang.

Saat ini, versi terbaru adalah 1.10. 2. Ada seri 2. X, namun versi ini tidak mendukung browser lama, jadi tidak akan diadopsi sampai browser lama (terutama IE 6 dan kurang) tidak lagi digunakan sama sekali.

Anda mungkin dapat memilih dari sejumlah versi file. Versi yang diminimalkan disarankan untuk penggunaan sebenarnya. Untuk membuat file ini sekecil mungkin, setiap karakter yang tidak perlu telah dihapus. File ini sangat kompak tapi sulit dibaca. Download versi nonminimized jika Anda ingin benar-benar membaca kodenya, tapi biasanya lebih baik menyertakan versi yang diminimalkan di program Anda.
Simpan file yang dihasilkan ke direktori kerja Anda.

jQuery-1. 10. 2. min. js adalah file saat ini

Untuk memasukkan perpustakaan di halaman Anda, cukup tautkan dengan file JavaScript eksternal:

Pastikan menyertakan kode sebelumnya sebelum Anda menulis atau menyertakan kode lain yang mengacu pada jQuery.

Cara mengimpor jQuery dari Google

Mudah seperti menambahkan dukungan jQuery, Anda memiliki cara lain untuk menambahkan jQuery (dan perpustakaan AJAX lainnya) ke halaman Anda tanpa mendownload apapun. Google memiliki versi beberapa perpustakaan penting yang tersedia untuk umum (termasuk jQuery) yang dapat Anda unduh dari servernya.

Ini memiliki beberapa keuntungan menarik:

Anda tidak perlu memasang pustaka apa pun. Semua file perpustakaan tetap berada di server Google.
Perpustakaan diperbarui secara otomatis. Anda selalu memiliki akses ke versi terbaru perpustakaan tanpa membuat perubahan pada kode Anda.
Perpustakaan mungkin memuat lebih cepat. Pertama kali salah satu dari halaman Anda membaca perpustakaan dari server Google, Anda harus menunggu download penuh, tapi kemudian perpustakaan disimpan dalam cache (bentuk memori browser) sehingga Permintaan selanjutnya pada intinya langsung.

Beginilah cara Anda melakukannya:

Pada dasarnya, memuat jQuery dari Google adalah proses dua langkah:

Muat Google API dari Google.

Gunakan tag pertama untuk merujuk ke server API Google AJAX. Ini memberi Anda akses ke google. fungsi load ().
ajukan google load () untuk memuat jQuery.
- Parameter pertama adalah nama perpustakaan yang ingin Anda muat.
- Parameter kedua adalah nomor versi. Jika Anda membiarkan parameter ini kosong, Anda akan mendapatkan versi terbaru. Jika Anda menentukan nomor, Google memberi Anda variasi terbaru versi itu.

Perhatikan bahwa Anda tidak perlu menginstal file apapun secara lokal untuk menggunakan pendekatan Google.

Semua opsi untuk mengelola jQuery bisa jadi memusingkan. Gunakan teknik mana yang paling sesuai untuk Anda.