Apakah yang berasaskan jquery?

jquery dilaksanakan berdasarkan bahasa JavaScript. jQuery ialah rangka kerja JavaScript yang pantas dan ringkas; jQuery merangkumkan kod fungsi (fungsi) yang biasa digunakan dalam JavaScript, menyediakan corak reka bentuk JavaScript yang mudah, mengoptimumkan operasi dokumen HTML, pemprosesan acara, reka bentuk animasi dan interaksi Ajax, sangat memudahkan penggunaan asal JS. pekerjaan itu.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 3.6.1, komputer Dell G3.

Pengenalan kepada jQuery

jQuery ialah rangka kerja JavaScript yang pantas dan ringkas Ia adalah satu lagi pustaka kod JavaScript yang sangat baik selepas Prototaip.

jquery merujuk kepada pustaka fungsi JavaScript terkapsul, pustaka JavaScript "kurang tulis, lakukan lebih" yang ringan dilaksanakan berdasarkan bahasa JavaScript.

jQuery merangkum kod fungsi JavaScript biasa, menyediakan corak reka bentuk JavaScript yang mudah dan mengoptimumkan operasi dokumen HTML, pemprosesan acara, reka bentuk animasi dan interaksi Ajax.

Tujuan reka bentuk jQuery ialah "kurang tulis, buat lebih", yang bermaksud kurang menulis kod dan melakukan lebih banyak perkara.

Ciri teras jQuery boleh diringkaskan seperti berikut: Ia mempunyai sintaks rantaian yang unik dan antara muka berbilang fungsi yang pendek dan jelas Ia mempunyai pemilih CSS yang cekap dan fleksibel, dan boleh memanjangkan pemilih CSS; mempunyai sambungan pemalam yang mudah Mekanisme dan pemalam yang kaya. jQuery serasi dengan pelbagai penyemak imbas arus perdana, seperti IE 6.0, FF 1.5, Safari 2.0, Opera 9.0, dll.

Apa yang boleh dilakukan oleh jquery

jQuery menyediakan lapisan abstraksi untuk pengaturcaraan web, membuat ia serasi dengan mana-mana pelayar dan sangat memudahkan kerja yang asalnya dilakukan dengan JavaScript.

Ringkasnya, jQuery boleh menyelesaikan kerja seperti yang ditunjukkan di bawah:

1 Dapatkan elemen dokumen dengan cepat

Mekanisme pemilihan jQuery dibina pada pemilih CSS, yang menyediakan cepat. keupayaan untuk bertanya elemen dalam dokumen DOM, dan meningkatkan cara untuk mendapatkan elemen halaman dalam JavaScript.

2. Menyediakan kesan dinamik halaman yang cantik

jQuery mempunyai satu siri kesan animasi terbina dalam, yang boleh membangunkan halaman web yang sangat cantik menggunakan kesan terbina dalam jQuery, seperti fade -dalam Kesan khas dinamik seperti fade out dan penyingkiran unsur.

3. Cipta halaman web bukan muat semula AJAX

AJAX ialah singkatan JavaScript dan XML tak segerak Ia boleh membangunkan halaman web bukan muat semula yang sangat sensitif, terutamanya apabila membangunkan halaman web sebelah pelayan , seperti tapak web PHP , perlu berkomunikasi dengan pelayan bolak-balik Jika AJAX tidak digunakan, halaman web perlu dimuat semula setiap kali data dikemas kini Walau bagaimanapun, selepas menggunakan kesan khas AJAX, halaman tersebut boleh menjadi sebahagian disegarkan untuk memberikan kesan dinamik.

4. Menyediakan penambahan kepada bahasa JavaScript

jQuery menyediakan peningkatan kepada struktur JavaScript asas, seperti lelaran elemen dan pemprosesan tatasusunan.

5. Pengendalian acara dipertingkatkan

jQuery menyediakan pelbagai acara halaman, yang boleh menghalang pengaturcara daripada menambahkan terlalu banyak kod pengendalian acara dalam HTML Yang paling penting, pengendalian acaranya Pelayar menghapuskan pelbagai isu keserasian penyemak imbas .

6. Tukar kandungan halaman web

jQuery boleh mengubah suai kandungan halaman web, seperti menukar teks halaman web, memasukkan atau menyelak imej halaman web memudahkan cara kod JavaScript perlu diproses.

13 kelebihan jQuery

1. Ringan

JQuery sangat ringan Selepas pemampatan menggunakan Packer yang ditulis oleh Dean Edwards, saiznya kurang daripada 30KB, jika anda menggunakan versi Min dan mendayakan pemampatan Gzip pada bahagian pelayan, saiznya hanya 18KB.

2. Pemilih berkuasa

JQuery membenarkan pembangun menggunakan hampir semua pemilih dari CSS1 hingga CSS3, serta pemilih lanjutan dan kompleks unik JQuery, dan anda juga boleh menambah pemalam untuk menggunakannya . Ia menyokong pemilih XPath, dan pembangun juga boleh menulis pemilih mereka sendiri. Memandangkan JQuery menyokong ciri pemilih, pembangun dengan pengalaman CSS tertentu boleh dengan mudah mempelajari JQuery.

3. Enkapsulasi cemerlang operasi DOM

JQuery merangkumkan sejumlah besar operasi DOM yang biasa digunakan, memudahkan pembangun menulis program yang berkaitan dengan operasi DOM. JQuery dengan mudah menyelesaikan pelbagai operasi yang sangat kompleks, membenarkan pemula JavaScript untuk menulis program yang sangat baik.

4. Mekanisme pemprosesan acara yang boleh dipercayai

Mekanisme pemprosesan acara JQuery menyerap intipati fungsi pemprosesan acara yang ditulis oleh pakar JavaScript, Dean Edwards. JQuery juga melakukan kerja yang sangat baik dari segi laluan melarikan diri terpelihara, idea pengaturcaraan langkah demi langkah dan bukan invasif.

5. Perfect Ajax

JQuery merangkum semua operasi Ajax ke dalam fungsi $.ajax(), membolehkan pembangun menumpukan perhatian pada logik perniagaan apabila berurusan dengan Ajax tanpa perlu risau tentang kerumitan Isu dengan penyemak imbas keserasian dan penciptaan dan penggunaan objek XMLHttpRequest.

6. Jangan cemarkan pembolehubah peringkat teratas

JQuery hanya mencipta objek bernama JQuery, dan semua kaedah fungsinya berada di bawah objek ini. Aliasnya $ juga boleh bertukar kawalan pada bila-bila masa dan tidak akan mencemarkan objek lain. Ciri ini membolehkan JQuery wujud bersama dengan perpustakaan JavaScript lain dan dirujuk dengan selamat dalam projek tanpa mempertimbangkan konflik kemudian.

7. Keserasian penyemak imbas yang sangat baik

Sebagai perpustakaan JavaScript yang popular, keserasian penyemak imbas adalah salah satu syarat yang mesti ada. JQuery boleh berjalan seperti biasa di bawah IE6.0, FF 2, Safari2 dan Opera9.0. JQuery juga membetulkan beberapa perbezaan antara penyemak imbas, jadi pembangun tidak perlu membina perpustakaan keserasian penyemak imbas sebelum memulakan projek.

8. Kaedah operasi rantai

Perkara yang paling tersendiri tentang JQuery ialah kaedah operasi rantaian - iaitu, sekumpulan tindakan yang berlaku pada objek JQuery yang sama boleh secara langsung Penulisan berterusan tidak memerlukan pemerolehan objek berulang kali. Ciri ini menjadikan kod JQuery sangat elegan.

9. Lelaran tersirat

Apabila menggunakan JQuery untuk mencari semua elemen dengan kelas ".myClass" dan kemudian menyembunyikannya. Tidak perlu mengulangi setiap elemen yang dikembalikan. Sebaliknya, kaedah dalam JQuery direka bentuk untuk beroperasi secara automatik pada koleksi objek dan bukannya objek individu, yang menjadikan sejumlah besar struktur gelung tidak diperlukan, sekali gus mengurangkan jumlah kod.

10. Pemisahan lapisan tingkah laku dan lapisan struktur

Pembangun boleh menggunakan pemilih untuk memilih elemen dan kemudian terus menambah acara pada elemen. Idea untuk mengasingkan sepenuhnya lapisan tingkah laku daripada lapisan struktur membolehkan pembangun JQuery dan HTML atau pembangun halaman lain melaksanakan tugas mereka sendiri, menyingkirkan konflik pembangunan masa lalu atau model pembangunan individu. Pada masa yang sama, pasca penyelenggaraan juga sangat mudah. ​​Tidak perlu mencari fungsi tertentu dalam kod HTML dan berulang kali mengubah suai kod HTML.

11. Sokongan pemalam yang kaya

Peluasan mudah JQuery telah menarik pembangun dari seluruh dunia untuk menulis pemalam sambungan JQuery. Pada masa ini terdapat lebih daripada ratusan pemalam rasmi yang disokong, dan pemalam baharu sentiasa ditemu bual.

12 Dokumentasi lengkap

Dokumentasi JQuery sangat kaya pada peringkat ini, terdapat banyak dokumen bahasa Inggeris dan sedikit dokumen bahasa Cina. Banyak pasukan yang menyukai JQuery sedang berusaha keras untuk meningkatkan dokumentasi JQuery Cina, seperti API Cina JQuery.

13. Sumber terbuka

JQuery ialah produk sumber terbuka yang sesiapa sahaja boleh menggunakan dan membuat cadangan untuk pengubahsuaian.

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Apakah yang berasaskan jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!