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

Cara Mengeksport karya seni dari Fireworks - dummies

Cara Mengeksport karya seni dari Fireworks - dummies

Setelah anda mengoptimumkan imej itu, sudah waktunya untuk mengeksport dari Fireworks. Mengekspot imej adalah agak mudah; pilih Fail → Eksport dan kemudian nyatakan folder di mana untuk menyimpan imej. Apabila anda mengeksport dokumen seperti menu navigasi dengan beberapa kepingan, anda mengeksport dokumen itu sebagai imej dan HTML seperti berikut: Pilih Fail → Eksport. The ...

Cara Cari Warna untuk Skema Warna Laman Web Anda - dummies

Cara Cari Warna untuk Skema Warna Laman Web Anda - dummies

Peraturan yang paling asas Skim warna untuk laman web adalah bahawa anda perlu bekerja dengan beberapa warna yang terkurung. Jika tidak, laman web anda hanya akan membentangkan warna cacian warna. (Ya, pendekatan gila-gilaan juga merupakan bentuk skema warna, tetapi sebagai peraturan umum tidak begitu berkesan.) Bagaimana ...

Pilihan Editor

Memilih Penutupan Daripada Potret Khas - patung

Memilih Penutupan Daripada Potret Khas - patung

Potret di mana imej anda dipangkas dengan ketat supaya subjek itu mengambil sebahagian besar atau semua bingkai - adalah alat licik dalam beg jurufat jurulatih. Walau bagaimanapun, orang umumnya tidak suka mempunyai kamera terlalu dekat dengan mereka, kerana ketakutan bahawa imej itu ...

Menangkap Highlights and Drips dalam Fotografi Makanan Anda - dummies

Menangkap Highlights and Drips dalam Fotografi Makanan Anda - dummies

Sedikit dari fotografi bukan makanan. Fotografi komersil tradisional cenderung untuk menjauhkan diri dari kekejangan sorotan spekular dan kelemahan drip dan ketidaksempurnaan. Sorotan specular kadang-kadang hanya smidge yang terlalu cerah dan mengganggu dalam foto, tetapi kemuncaknya berkilat ...

Pilih Lensa Makro Kanan untuk Subjek Anda - patung

Pilih Lensa Makro Kanan untuk Subjek Anda - patung

Komponen utama untuk dipertimbangkan ketika mencari makro Kanta yang sesuai dengan gaya fotografi rapat anda adalah subjek yang akan anda ambil gambar dengan lensa. Sekiranya anda menembak mata secara tidak langsung, anda boleh meletakkan kanta anda dengan sangat dekat dengannya. Subjek lain mungkin memerlukan anda menyimpan jarak yang selamat, yang bermaksud ...

Pilihan Editor

Bagaimana Mengubah Transparansi Layer Jenis di Photoshop CS6 - dummies

Bagaimana Mengubah Transparansi Layer Jenis di Photoshop CS6 - dummies

Anda boleh menukar transparansi lapisan jenis, seperti yang anda boleh dengan lapisan lain dalam Adobe Photoshop Creative Suite 6, mengurangkan kelegapan (ketelusan) jenis supaya ia membolehkan lapisan mendasar untuk menunjukkan. Lapisan adalah seperti susunan lapisan digital yang mana setiap unsur imej anda ...

Bagaimana Tukar Resolusi Imej dalam Adobe Photoshop CS6 - dummies

Bagaimana Tukar Resolusi Imej dalam Adobe Photoshop CS6 - dummies

Menggunakan kotak dialog Ukuran Imej hanya satu cara yang anda boleh mengawal resolusi dalam Adobe Photoshop CS6. Walaupun anda boleh meningkatkan resolusi, berbuat demikian dengan berhati-hati dan mengelakkannya, jika anda boleh. Pengecualian kepada peraturan ini adalah apabila anda mempunyai imej yang besar dalam saiz dimensi tetapi rendah ...

Cara Mengukir Huruf menjadi Imej Tekstur Batu di Photoshop CS6

Cara Mengukir Huruf menjadi Imej Tekstur Batu di Photoshop CS6

Dalam Adobe Photoshop CS6, anda boleh menggunakan alat jenis untuk membuat pilihan yang dibentuk seperti huruf dan kemudian menggunakan imej itu sendiri sebagai tekstur (seperti batu) untuk jenisnya. Pemilihan jenis boleh memotong mana-mana bahagian gambar untuk menggunakan apa-apa cara yang anda mahukan. Ikuti langkah-langkah ini untuk mengukir huruf ke dalam tekstur batu ...