Panduan ringkas untuk membangunkan antara muka web menggunakan jQuery UI library_jquery

1. UI jQuery
UI jQuery ialah perpustakaan kod antara muka pengguna web JavaScript sumber terbuka berdasarkan jQuery. Pakej
Kawalan visual dengan interaksi pengguna peringkat rendah, animasi, kesan khas dan kawalan bertema. Kita boleh menggunakannya secara langsung untuk membina
yang sangat Aplikasi web yang sangat interaktif.
Laman web rasmi jQuery UI ialah: http://jqueryui.com/
jquery-ui-x.xx.x.custom.zip
. Struktur direktori di dalam adalah seperti berikut:
1.css, termasuk fail CSS yang berkaitan dengan jQuery UI
2.js, termasuk fail JavaScript berkaitan UI jQuery; 3. Himpunan pembangunan, termasuk berbilang subdirektori berbeza: tunjuk cara (fail sampel UI jQuery), dokumen (jQuery
Fail dokumen UI), tema (fail tema CSS) dan ui (fail JavaScript ui jQuery).
4.Index.html, anda boleh melihat halaman indeks fungsi UI jQuery.

2. Tema CSS
Tema CSS ialah kulit UI jQuery, dan templat pelbagai warna tersedia untuk digunakan. Untuk pengaturcara, anda boleh menggunakan Templat yang paling sesuai untuk laman web untuk artis, templat tanpa sebarang gaya juga disediakan berdasarkan reka bentuk.
Anda boleh melihat gaya templat sedia ada di sini: http://jqueryui.com/themeroller/.

3. Pengenalan ringkas
Memandangkan pengenalan komponen berbeza UI jQuery mempunyai ciri dan sintaks yang serupa, hanya dua komponen diperkenalkan di sini Kaedah pengenalan boleh digunakan untuk memperkenalkan komponen lain dengan cara yang sama.
butang butang

//将button 按钮设置成UI 
$('#button').button(); 

kotak dialog

//将div 设置成dialog 对话框 
$('#dialog ').click(function () { 
 
  $("#dialog ").dialog(); 
 
}); 

Dalam borang ini, kita boleh tahu bahawa UI jQuery diperkenalkan dalam bentuk kaedah nama komponen().