---

『jQuery UI 中國(guó)語(yǔ)リファレンスマニュアル』によると、jQuery UI は、jQuery JavaScript ライブラリ上に構(gòu)築されたユーザー インターフェイス インタラクション、特殊効果、ウィジェット、およびテーマのセットです。高度にインタラクティブな Web アプリケーションを作成する場(chǎng)合でも、フォーム コントロールに日付ピッカーを追加するだけの場(chǎng)合でも、jQuery UI は最適な選択肢です。 jQuery UI には狀態(tài)を維持するウィジェットが多數(shù)含まれているため、一般的な jQuery プラグインの使用パターンとは少し異なります。

---

jQuery UI は、抽象的でカスタマイズ可能なテーマの GUI コントロールとアニメーション効果を提供する JavaScript ライブラリのセットです。 jQuery JavaScript ライブラリに基づいて、インタラクティブなインターネット アプリケーションを構(gòu)築するために使用できます。これは、2007 年 9 月に jquery.com ブログの John Lessig による記事で正式に公開されました。最新バージョンには jQuery 2.1.1 以降が必要です。

ヒント: jQuery UI の學(xué)習(xí)を始める前に、HTML、CSS、JavaScript## が必要です。 # 基本。

jQuery UI のメリットとデメリット:

メリット:

1. シンプルで使いやすく、jQuery の使いやすい機(jī)能を継承し、高度な機(jī)能を提供します。抽象的なインターフェースを採(cǎi)用し、短期的には Web サイトの使いやすさを向上させます。

2. 軽量で高速です。コンポーネントは比較的獨(dú)立しており、帯域幅の無(wú)駄や Web ページを開く速度の低下を避けるためにオンデマンドでロードできます。

3. 先進(jìn)的な標(biāo)準(zhǔn)、WAI-ARIA のサポート、標(biāo)準(zhǔn) XHTML コードによる段階的な拡張機(jī)能を提供し、ローエンド環(huán)境でのアクセシビリティを確保します。

4. 強(qiáng)力なサポート。Google は、コードを公開するための CDN コンテンツ配信ネットワーク サポートを提供します。

欠點(diǎn):

1. コードは十分に堅(jiān)牢ではありません: 包括的なテスト ケースが欠けており、一部のコンポーネントには多くのバグがあり、エンタープライズ レベルの製品開発要件を満たすことができません。

2. アーキテクチャ計(jì)畫が不十分: コンポーネント間の API の調(diào)整が不足しており、共同で使用するための支援が不足しています。

3. コントロールが少ない: Dojo、YUI、Ext JS などの成熟した製品と比較すると、使用できるコントロールが少なく、複雑なインターフェイスの機(jī)能要件を満たすことができません。

ヒント: 私たちの jQuery UI チュートリアルは、jQuery UI をマスターして使用する方法を段階的に學(xué)ぶのに役立ちます。ご質(zhì)問がある場(chǎng)合は、PHP 中國(guó)語(yǔ) Web サイトにアクセスしてくださいjQuery UI コミュニティ で質(zhì)問すると、熱心なネチズンが答えてくれます。

jQuery UI 関數(shù)

バージョン 1.9.0 を例に挙げます。

インタラクション

• ドラッグ可能 - 要素をマウスでドラッグできるようにします。

• Droppable – コントロールが他のドラッグされた要素を受け入れることができるようにします。

• サイズ変更可能 – 要素のサイズを変更可能にします。

• 選択可能 – 多數(shù)の要素に対して高度な選択機(jī)能を提供します。

• 並べ替え可能 – リストを並べ替えやすくします。

コントロール

• すべての jQuery UI コントロールは、テーマ スタイルを使用してカスタマイズできます。

• アコーディオン メニュー (アコーディオン) – アコーディオンのようなスケーラブルなコントロール。

• オートコンプリート – ユーザー入力に基づいてテキスト フィールドを自動(dòng)的に補(bǔ)完します。

• ボタン – ボタンの外観を強(qiáng)化し、ラジオとチェックのコントロールをボタン スタイルに変換します。

• Datepicker – 高度な日付選択ツール。

• ダイアログ – ページの上部にダイアログ ボックスを表示します。

• Menu - 複數(shù)レベルの構(gòu)造化メニューを表示します。

• 進(jìn)行狀況バー (Progressbar) – 動(dòng)的および靜的な進(jìn)行狀況インジケーター バー。

• スライダー – さまざまな機(jī)能を備えた完全にカスタマイズ可能なスライダー。

• スピナー - 上下制御用の數(shù)値スピナー入力フィールド。

• タブ – コンテンツを埋め込んだり動(dòng)的にロードしたりできるタブ切り替えコントロール。

• ツールチップ - ポップアップ プロンプト ボックス。

エフェクト

• カラー アニメーション – 色の遷移のアニメーション効果を生成します。

• クラスの切り替え、クラスの追加、クラスの削除、クラスの切り替え – ページ上の要素のスタイルが変更されたときにアニメーション効果を適用します。

• エフェクト – さまざまなエフェクト (表示、ドロップダウン、爆発、フェードインなど)。

• Toggle – エフェクトスイッチを切り替えます。

• 非表示、表示 - 上記の効果を使用します。

ツール

Position – 別の要素に対するターゲット要素の位置 (配置) を設(shè)定します。

この jQuery UI チュートリアル マニュアルの內(nèi)容

この jQuery UI チュートリアル マニュアルでは、jQuery UI エントリ、jQuery UI マスター、jQuery UI コンポーネント ライブラリなど、jQuery UI の基本的な知識(shí)から高度な知識(shí)まですべてをカバーしています。知識(shí) 。

ヒント: このチュートリアルの各章には、多くの jQuery UI サンプルが含まれています。[サンプルの実行] ボタンを直接クリックして結(jié)果をオンラインで表示するか、オンライン エディタを直接使用できます。テスト。これらの例は、jQuery UI をよりよく理解し、使用するのに役立ちます。

その他の jQuery UI 関連の學(xué)習(xí)參照リソース

このページの右側(cè)にある知識(shí)の拡張に加えて、次のリソースもすべてのユーザー向けに選択されています

• Dugu Jiijian (6)_jQuery ビデオ チュートリアル