JQuery: menghubungkan ke halaman web

Daftar Isi:

JQuery: menghubungkan ke halaman web
JQuery: menghubungkan ke halaman web
Anonim

jQuery adalah library Javascript yang berfokus pada bagaimana teknologi HTML, JavaScript, dan CSS bekerja bersama.

Apa yang dapat dilakukan jQuery

Perpustakaan dapat bekerja dengan daftar tugas berikut:

  • benar-benar dapat mengakses elemen apa pun dari model objek halaman (DOM) dan melakukan manipulasi kompleks dengannya;
  • penanganan acara didukung;
  • ada fungsionalitas untuk berbagai efek grafis dan animasi;
  • pekerjaan yang disederhanakan dengan teknologi pemuatan dinamis AJAX (fitur yang sangat penting dan sangat berguna, tetapi bukan tentang itu sekarang);
  • jQuery memiliki sejumlah besar plugin sendiri, fungsi utamanya adalah untuk mengimplementasikan antarmuka grafis pengguna dan interaksi pengguna dengan mereka.

Versi perpustakaan terkompresi dan tidak terkompresi

Pengembang memiliki beberapa opsi untuk skrip - satu dikompresi, yang lain tidak. Versi lengkapnya sangat nyaman digunakan pada tahap pengkodean dan debugging (pengujian) aplikasi web. Versi yang diminimalkan, di sisi lain, akan memiliki sedikit keuntungan yang berguna selama debugging, tetapi memuat lebih cepat dan memakan lebih sedikit ruang. Jadi versi terkompresi dari jQuery sesuaigunakan sudah di proyek selesai, karena menghemat lalu lintas server dan ruang disk.

koneksi jquery
koneksi jquery

Cara memilih versi jQuery yang tepat

Ada beberapa arus utama di jQuery hari ini - cabang 1.x, 2.x, dan 3.x. Perbedaan mencolok mereka adalah bahwa, mulai dari versi kedua, semua dukungan untuk browser usang dihentikan, seperti browser dari Microsoft Corporation - Internet Explorer, hingga dan termasuk versi kedelapan.

Keputusan ini memungkinkan pengurangan volume fisik data di perpustakaan hingga sepuluh persen dan sedikit mengoptimalkan pekerjaannya. Namun, masih ada komputer rumah dan perusahaan di dunia di mana Internet Explorer lama diinstal sebagai browser utama, meskipun persentase pengguna ini tidak melebihi 3% di seluruh dunia. Oleh karena itu, terserah Anda untuk mendukung platform usang atau tidak.

Pengembang jQuery mematuhi prinsip-prinsip kompatibilitas versi ke belakang. Ini berarti bahwa kode yang ditulis untuk versi 1.7 dari perpustakaan juga akan bekerja dengan versi 1.8. Tetapi terkadang perusahaan pengembang menghapus fungsi dari jQuery yang tidak berguna, jadi lebih baik membaca ulang dokumentasi untuk versi baru jika Anda akan meningkatkan.

Pada tahun 2016, cabang baru jQuery dirilis. Itu adalah versi 3.0, yang menjadi lebih cepat dan lebih ringan daripada versi lama. Peretasan akhirnya dihapus darinya untuk mengimplementasikan beberapa fungsi di browser usang, yang memungkinkan perpustakaan diposisikan sebagai alat pengembangan yang modern dan kuat.

Jika Andaproyek sudah terikat ke beberapa perpustakaan, maka pertama-tama perkirakan biaya tenaga kerja untuk peningkatan. Jika manfaat dari versi baru ini sepadan, silakan mulai bekerja. Untuk semua pengembang yang baru mulai menggunakan alat ini dalam proyek mereka, disarankan untuk memulai langsung dengan versi terbaru.

Cara memulai dengan jQuery

Langkah pertama adalah menghubungkan jQuery. Untuk melakukan ini, Anda perlu mengunduh perpustakaan secara langsung dari sumber pengembang jquery.com, atau dari cermin, dan menempatkan perpustakaan di server web Anda.

Sekarang mari kita lakukan koneksi jQuery yang sebenarnya ke halaman web. Koneksi berbagai skrip dalam bahasa markup hypertext ditangani oleh tag skrip. Hubungkan jQuery dengan kode berikut:

koneksi jquery
koneksi jquery

Opsi ini bagus untuk koneksi offline, tetapi ada banyak cara lain untuk penggunaan server.

Hubungkan jQuery menggunakan layanan cloud

Google menyediakan layanan Pustaka yang Dihosting, yang dengannya siapa pun dapat menghubungkan kerangka kerja atau pustaka populer ke aplikasi web mereka. Untuk menghubungkan jQuery melalui Google Cloud Storage, gunakan string yang cocok dengan versi yang dipilih dalam pola berikut:

cara memasukkan perpustakaan jquery
cara memasukkan perpustakaan jquery

Angka di kolom versi sesuai dengan nomor versi yang tersedia untuk instalasi dan bekerja lebih lanjut dengannya. Untuk menghubungkan salah satu versi perantara, cukup salinnomor numerik dalam string koneksi alih-alih nomor yang ditentukan dalam contoh.

Anda selalu dapat melihat daftar versi saat ini di:

developers.google.com/speed/libraries/jquery

Jika Anda tidak mempercayai Google karena alasan apa pun, tetapi masih ingin tahu cara mendapatkan perpustakaan jQuery dari server tepercaya pihak ketiga, gunakan repositori Microsoft.

termasuk perpustakaan jquery
termasuk perpustakaan jquery

jQuery adalah salah satu alat terbaik untuk membuat animasi di halaman web dengan mudah. Setelah Anda menyadari kekuatan alat ini, Anda akan sangat senang bahwa Anda mulai mempelajari perpustakaan seperti itu.

Skeptis di kalangan mahasiswa dan pengembang percaya bahwa lebih baik mengimplementasikan semuanya menggunakan bahasa pemrograman murni, tanpa menggunakan perpustakaan pihak ketiga. Tetapi Anda perlu memahami bahwa file jQuery hanya tiga puluh dua kilobyte, dan kemungkinan besar sudah ada di cache browser pengguna Anda jika Anda memasukkan skrip melalui Google. Jadi jangan takut untuk mempelajari alat yang membuat hidup lebih mudah bagi seorang pengembang. Lagi pula, untuk ini kami menyertakan perpustakaan jQuery - agar tidak menemukan kembali roda.

Direkomendasikan: