Manual Rujukan Cina UI jQuery

---

Menurut "Manual Rujukan Cina UI jQuery", UI jQuery ialah satu set interaksi antara muka pengguna, kesan khas, widget dan tema yang dibina pada perpustakaan JavaScript jQuery. Sama ada anda mencipta aplikasi web yang sangat interaktif atau hanya menambah pemilih tarikh pada kawalan borang, UI jQuery ialah pilihan yang tepat. UI jQuery mengandungi banyak widget yang mengekalkan keadaan, jadi ia berbeza sedikit daripada corak penggunaan pemalam jQuery biasa.

---

jQuery UI ialah satu set perpustakaan JavaScript yang menyediakan kawalan GUI tema dan kesan animasi abstrak yang boleh disesuaikan. Berdasarkan perpustakaan JavaScript jQuery, ia boleh digunakan untuk membina aplikasi Internet interaktif. Ia telah diumumkan secara rasmi pada September 2007 dalam artikel oleh John Lessig di blog jquery.com. Versi terkini memerlukan jQuery 2.1.1 atau lebih baru.

Petua: Sebelum anda mula belajar jQuery UI, anda perlu mempunyai pengetahuan asas tentang HTML, CSS, JavaScript.

Kebaikan dan keburukan jQuery UI:

Kebaikan:

1 Mudah dan mudah digunakan, mewarisi ciri mudah digunakan jQuery, menyediakan antara muka yang sangat abstrak dan meningkatkan kebolehgunaan tapak web. jangka pendek.

2 Ia ringan dan pantas, dan komponennya agak bebas dan boleh dimuatkan atas permintaan untuk mengelakkan pembaziran lebar jalur dan memperlahankan kelajuan pembukaan halaman web.

3 Piawaian lanjutan, menyokong WAI-ARIA, menyediakan peningkatan progresif melalui kod XHTML standard dan memastikan kebolehaksesan dalam persekitaran yang rendah.

4. Sokongan yang kuat, Google menyediakan sokongan rangkaian pengedaran kandungan CDN untuk kod penerbitan.

Kelemahan:

1. Kod ini tidak cukup mantap: ia tidak mempunyai kes ujian yang komprehensif, sesetengah komponen mempunyai banyak pepijat dan tidak dapat memenuhi keperluan pembangunan produk peringkat perusahaan.

2. Perancangan seni bina yang tidak mencukupi: kekurangan penyelarasan API antara komponen dan kekurangan bantuan untuk kegunaan koperasi.

3 Kawalan yang lebih sedikit: Berbanding dengan produk matang seperti Dojo, YUI dan Ext JS, terdapat lebih sedikit kawalan yang tersedia dan tidak dapat memenuhi keperluan fungsi antara muka yang kompleks. . netizen yang bersemangat akan membantu anda menjawab.

fungsi UI jQueryAmbil versi 1.9.0 sebagai contoh. Interaksi

Boleh diseret – membenarkan elemen diseret dengan tetikus.

Droppable – membenarkan kawalan untuk menerima elemen seret lain.

• Boleh saiz semula – Jadikan elemen boleh diubah saiz.

• Boleh Dipilih – Menyediakan fungsi pemilihan lanjutan untuk sejumlah besar elemen.

• Boleh disusun – Menjadikan senarai lebih mudah diisih.

• Kawalan

• Semua kawalan UI jQuery boleh disesuaikan dengan gaya tema.

Menu Akordion – Kawalan berskala seperti akordion.

• Autolengkap – melengkapkan medan teks secara automatik berdasarkan input pengguna.

• Butang – Tingkatkan penampilan butang dan ubah radio serta semak kawalan kepada gaya butang.

• Datepicker – alat pemilihan tarikh lanjutan.

• Dialog – memaparkan kotak dialog di bahagian atas halaman.

• Menu - Memaparkan menu berstruktur pelbagai peringkat.

• Progressbar – bar penunjuk kemajuan dinamik dan statik.

• Gelangsar – Gelangsar boleh disesuaikan sepenuhnya dengan pelbagai fungsi.

• Spinner - Medan input pemutar digital dengan kawalan atas dan bawah.

• Tab – Kawalan penukaran tab, yang boleh membenamkan atau memuatkan kandungan secara dinamik.

• Petua alat - kotak gesaan pop timbul.

Kesan

• Animasi Warna – Kesan animasi yang menghasilkan peralihan warna.

• Tukar Kelas, tambah Kelas, alih keluar Kelas, tukar Kelas – mempunyai kesan animasi apabila gaya elemen pada halaman berubah.

• Kesan – pelbagai kesan (paparan, drop-down, letupan, fade in, dll.).

• Togol – Togol suis kesan.

• Sembunyikan, Tunjukkan - Gunakan kesan di atas.

Alat

Kedudukan – Tetapkan kedudukan (penjajaran) elemen sasaran berbanding elemen lain.

Apa yang diliputi oleh manual tutorial UI jQuery ini

Manual tutorial UI jQuery ini merangkumi semua pengetahuan asas hingga lanjutan tentang UI jQuery, termasuk kemasukan UI jQuery, induk UI jQuery, perpustakaan komponen UI jQuery dan pengetahuan lain.

Petua: Setiap bab tutorial ini mengandungi banyak contoh UI jQuery Anda boleh terus mengklik butang "Jalankan Contoh" untuk melihat keputusan dalam talian atau terus menggunakan editor dalam talian untuk menguji. Contoh-contoh ini akan membantu anda memahami dan menggunakan UI jQuery dengan lebih baik.

Sumber rujukan pembelajaran berkaitan UI jQuery lain

Selain pengembangan pengetahuan di sebelah kanan halaman ini, sumber berikut juga dipilih untuk semua orang

• Dugu Jiujian (6)_jQuery video tutorial