jQuery UI を使用して Web インターフェイスを開発するための簡単なガイド library_jquery

1. jQuery UI
jQuery UI は、jQuery に基づくオープンソースの JavaScript Web ユーザー インターフェイス コード ライブラリです。パッケージ
低レベルのユーザー インタラクション、アニメーション、特殊効果、テーマ対応コントロールを備えたビジュアル コントロール。これを直接使用して非常に
を構築できます。 非常にインタラクティブな Web アプリケーション。
jQuery UI の公式 Web サイトは次のとおりです: http://jqueryui.com/
jquery-ui-x.xx.x.custom.zip
。内部のディレクトリ構造は次のとおりです:
1.css (jQuery UI に関連する CSS ファイルを含む)
2.js (jQuery UI 関連の JavaScript ファイルを含む)
3. 複数の異なるサブディレクトリを含む開発バンドル: デモ (jQuery UI サンプル ファイル)、ドキュメント (jQuery
UI ドキュメント ファイル)、テーマ (CSS テーマ ファイル)、および ui (jQuery ui JavaScript ファイル)。
4.Index.htmlでは、jQuery UI関数のインデックスページを参照できます。

2. CSS テーマ
CSS テーマは jQuery UI のスキンであり、さまざまな色のテンプレートが使用できます。プログラマーの場合は、
を使用できます。 ウェブサイトに最適なテンプレート、アーティスト向け、デザインに基づいたスタイルのないテンプレートも提供します。
既存のテンプレート スタイルは、http://jqueryui.com/themeroller/ で確認できます。

3. 簡単な紹介
jQuery UI のさまざまなコンポーネントの導入には同様の機能と構文があるため、ここでは 2 つのコンポーネントのみを紹介します
この導入方法は、他のコンポーネントも同様に導入できます。
ボタン ボタン

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

ダイアログ ダイアログ ボックス

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

この形式では、jQuery UI がコンポーネント name() メソッドの形式で導入されていることがわかります。