Rumah Kewangan Peribadi Cara Menggunakan jQuery AJAX untuk Pemrograman HTML5 dan CSS3 - dummies

Cara Menggunakan jQuery AJAX untuk Pemrograman HTML5 dan CSS3 - dummies

Isi kandungan:

Video: 4 mengambil dan mengubah konten html 2024

Video: 4 mengambil dan mengubah konten html 2024
Anonim

Walaupun banyak perpustakaan AJAX / JavaScript yang luar biasa tersedia untuk pemrogram HTML5 dan CSS3, jQuery dengan cepat menjadi salah satu yang paling menonjol. Berikut adalah beberapa sebab populariti jQuery:

  • Ia adalah sebuah perpustakaan yang kuat. Sistem jQuery sangat kuat. Ia boleh melakukan semua jenis perkara yang menarik untuk membuat JavaScript anda lebih mudah untuk ditulis.

  • Ia ringan. Anda perlu memasukkan rujukan ke perpustakaan anda dalam setiap fail yang memerlukannya. Keseluruhan perpustakaan jQuery sesuai dengan 55K, yang lebih kecil daripada banyak fail imej. Ia tidak akan mempunyai kesan yang ketara ke atas kelajuan muat turun.

  • Ia menyokong mekanisme pemilihan yang fleksibel. jQuery sangat memudahkan dan memperluaskan dokumen. mekanisme getElementById yang menjadi pusat kepada manipulasi DOM.

  • Ia mempunyai sokongan animasi yang hebat. Anda boleh menggunakan jQuery untuk membuat unsur kelihatan dan pudar, bergerak dan slaid.

  • Ia membuat pertanyaan AJAX remeh. Anda akan terkejut betapa mudahnya AJAX dengan jQuery.

  • Ia mempunyai mekanisme peristiwa yang dipertingkatkan. JavaScript mempunyai sokongan yang sangat terhad untuk acara. jQuery menambah alat yang sangat kuat untuk menambah pengendali acara ke hampir mana-mana elemen.

  • Ia menyediakan sokongan merentas platform. Perpustakaan jQuery cuba untuk menguruskan isu keserasian penyemak imbas untuk anda, jadi anda tidak perlu menekankan dengan tepat tentang pelayar mana yang sebenarnya digunakan.

  • Ia menyokong widget antara muka pengguna. jQuery dilengkapi dengan perpustakaan antara muka pengguna yang berkuasa, termasuk alat HTML yang tidak mempunyai, seperti kawalan drag-and-drop, slider, dan picker tarikh.

  • Ia sangat extensible. jQuery mempunyai perpustakaan plug-in yang menyokong semua jenis ciri pilihan, termasuk widget dan alat baru seperti integrasi audio, galeri imej, menu, dan banyak lagi.

  • Ia memperkenalkan idea pengaturcaraan baru yang kuat. jQuery adalah alat yang hebat untuk belajar tentang beberapa idea yang benar-benar menarik seperti pengaturcaraan fungsional dan objek yang boleh diikat.

  • Ia percuma dan sumber terbuka. Ia boleh didapati di bawah lesen sumber terbuka, yang bermaksud ia tidak dikenakan biaya, dan anda boleh melihatnya dan mengubahnya jika anda mahu.

  • Ia agak biasa. Jika anda memilih menggunakan perpustakaan AJAX yang berbeza, anda masih boleh memindahkan idea yang anda pelajari dalam jQuery.

Cara memasang jQuery

Perpustakaan jQuery mudah dipasang dan digunakan. Ikuti langkah berikut:

  1. Pergi ke jquery. com.

  2. Muat turun versi semasa.

    Pada masa ini, versi paling terkini ialah 1.10. 2. Terdapat siri 2. X, tetapi versi ini tidak menyokong pelayar lama, jadi tidak akan diterima pakai sehingga pelayar lama (terutamanya IE 6 dan kurang) tidak lagi digunakan sama sekali.

    Anda mungkin boleh memilih daripada beberapa versi fail. Versi yang diminimumkan disyorkan untuk kegunaan sebenar. Untuk membuat fail ini sekecil mungkin, setiap watak yang tidak diperlukan telah dialih keluar. Fail ini sangat padat tetapi sukar dibaca. Muat turun versi yang tidak diminati jika anda ingin membaca kod sebenar, tetapi biasanya lebih baik untuk memasukkan versi yang diminimumkan dalam program anda.

  3. Simpan fail yang terhasil ke direktori kerja anda.

    jQuery-1. 10. 2. min. js ialah fail semasa.

Untuk memasukkan pustaka di halaman anda, hubungilah ia sebagai fail JavaScript luaran:


Pastikan anda memasukkan kod sebelumnya sebelum anda menulis atau memasukkan kod lain yang merujuk kepada jQuery.

Bagaimana untuk mengimport jQuery dari Google

Mudah kerana ia menambah sokongan jQuery, anda mempunyai satu lagi cara yang baik untuk menambah sokongan jQuery (dan perpustakaan AJAX lain) ke halaman anda tanpa memuat turun apa-apa. Google mempunyai versi awam beberapa perpustakaan penting (termasuk jQuery) yang boleh anda muat turun dari pelayannya.

Ini mempunyai beberapa kelebihan menarik:

  • Anda tidak perlu memasang sebarang perpustakaan. Semua fail perpustakaan kekal di pelayan Google.

  • Perpustakaan dikemas kini secara automatik. Anda sentiasa mempunyai akses ke versi terbaru pustaka tanpa membuat apa-apa perubahan pada kod anda.

  • Perpustakaan mungkin memuat lebih cepat. Kali pertama salah satu daripada halaman anda membaca perpustakaan dari pelayan Google, anda perlu menunggu muat turun penuh, tetapi perpustakaan disimpan dalam cache (bentuk memori penyemak imbas) supaya permintaan seterusnya adalah pada dasarnya segera.

Inilah cara anda melakukannya:

 

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

  1. Muatkan Google API dari Google.

    Gunakan tag pertama untuk merujuk kepada pelayan API Google AJAX. Ini memberi anda akses kepada google. beban () fungsi.

  2. Invoke google. beban () untuk memuatkan jQuery.

    • Parameter pertama adalah nama perpustakaan yang ingin anda muatkan.

    • Parameter kedua adalah nombor versi. Jika anda meninggalkan parameter ini kosong, anda akan mendapat versi terkini. Jika anda menentukan nombor, Google memberikan variasi terbaru versi itu.

Perhatikan bahawa anda tidak perlu memasang sebarang fail secara tempatan untuk menggunakan pendekatan Google.

Semua pilihan ini untuk menguruskan jQuery boleh menjadi pening. Gunakan mana-mana teknik yang paling sesuai untuk anda.

Cara Menggunakan jQuery AJAX untuk Pemrograman HTML5 dan CSS3 - dummies

Pilihan Editor

Memasang Drupal: Perisian Ekstrak - dummies

Memasang Drupal: Perisian Ekstrak - dummies

Selepas perisian Drupal. fail zip terletak di host web anda, anda perlu mengekstrak perisian sebelum memasang dan mengkonfigurasi Drupal. Kebanyakan pengurus fail boleh mengekstrak fail Drupal anda untuk anda. Berikut adalah contoh bagaimana ia berfungsi. Versi anda mungkin berbeza, jadi hubungi hos web anda untuk bantuan jika anda tidak boleh ...

Memasang Drupal di Web Host dengan Softaculous - dummies

Memasang Drupal di Web Host dengan Softaculous - dummies

Pemasangan Drupal yang mudah menggunakan program yang dipanggil Fantastico atau Softaculous. Jika syarikat hosting anda menggunakan Softaculous, berikut adalah cara ia berfungsi. Komuniti Drupal tidak mengesyorkan memasang Drupal dengan perisian pihak ketiga seperti Softaculous atau Fantastico. Melakukannya boleh membuat peningkatan yang sukar dan berpotensi menimbulkan masalah dengan pangkalan data anda ...

Mengurus Laman Pengguna Drupal Garden - dummies

Mengurus Laman Pengguna Drupal Garden - dummies

Halaman Orang di Drupal Gardens membolehkan anda mengawal pengguna, anda akan memasang pemasangan Drupal biasa. Anda boleh mencari pengguna, menyekat dan menyahsekat, memadam, dan menetapkan peranan. Klik pautan Orang untuk mengurus pengguna. Tab Senarai membantu anda mencari pengguna yang sedia ada, dan tab Permit membolehkan anda membuat peranan dan ...

Pilihan Editor

ACT Practice Math Questions: Ketaksamaan - dummies

ACT Practice Math Questions: Ketaksamaan - dummies

Semua perkara yang sama, menyelesaikan sedikit ketidaksamaan pada peperiksaan ACT Math sangat baik. Nasib baik, soalan amalan berikut akan membantu anda menjadi lebih besar daripada cabaran! Soalan amalan Memandangkan x adalah integer, untuk apa nilai x dan x + 4 <16? a. ...

ACT Practice Math Questions: Persamaan Linear - dummies

ACT Practice Math Questions: Persamaan Linear - dummies

Jika anda ingin nongkrong di pesawat koordinat, maka anda harus tahu cara menggunakan persamaan linear. Pada peperiksaan ACT Matematik, anda akan menemui soalan seperti berikut, di mana anda diminta untuk memecahkan borang pencerobohan cerun untuk mengira cerun garisan yang berbeza. Soalan Amalan Apakah lereng garis ...

ACT Practice Math Questions: Probability - dummies

ACT Practice Math Questions: Probability - dummies

Lebih banyak soalan yang menangani kebarangkalian. Terdapat juga peluang yang baik bahawa kemungkinan menjawab soalan-soalan anda dengan betul akan bertambah baik jika anda menangani soalan amalan berikut. Soalan praktik Sheila mempunyai 4 kaus kaki hitam dan 2 kaus kaki navy ...

Pilihan Editor

Menghiasi laman web perkahwinan anda di laman web Dime - dummies

Menghiasi laman web perkahwinan anda di laman web Dime - dummies

Hiasan yang anda perlukan. Sesetengah venue mungkin tidak memerlukan sebarang hiasan majlis perkahwinan. Sebagai contoh, anda boleh memilih majlis anda di atrium sebuah hotel yang sudah mempunyai pokok-pokok dan pokok renek yang dihias dengan lampu mini yang jelas - sesuai untuk ...

Menentukan Sama ada untuk Sewa Perancang Pernikahan - monyet

Menentukan Sama ada untuk Sewa Perancang Pernikahan - monyet

Pasangan yang paling berpikiran anggaran tidak mempekerjakan perancang perkawinan independen , tetapi anda boleh memutuskan bahawa perbelanjaan seorang perancang perkahwinan adalah bernilai kejutan yang anda akan elakkan. Contohnya, jika anda dan pasangan anda ditekan untuk masa atau diliputi oleh pemikiran mencari dan mewawancarai vendor individu, anda mungkin ingin mempersiapkan pernikahan ...

Pendapatan Perks untuk Pernikahan Tujuan Anda - monyet

Pendapatan Perks untuk Pernikahan Tujuan Anda - monyet

Jika Anda merencanakan pernikahan tujuan, - anda mungkin akan menerima beberapa faedah yang mengejutkan. Kemudahan perkahwinan-perkahwinan boleh termasuk rawatan VIP di hotel, terutamanya apabila anda boleh menempah sekatan bilik untuk tetamu anda. Malah, hotel menawarkan faedah dan peningkatan untuk satu sebab pintar: untuk membina kesetiaan pelanggan. Mereka mahu ...