jQuery UI 中国語リファレンス マニュアル

---

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

---

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

ヒント: jQuery UI の学習を始める前に、HTML、CSS、JavaScript## が必要です。 # 基本。

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

メリット:

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

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

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

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

欠点:

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

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

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

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

jQuery UI 関数

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

インタラクション

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

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

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

• 選択可能 – 多数の要素に対して高度な選択機能を提供します。

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

コントロール

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

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

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

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

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

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

• Menu - 複数レベルの構造化メニューを表示します。

• 進行状況バー (Progressbar) – 動的および静的な進行状況インジケーター バー。

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

• スピナー - 上下制御用の数値スピナー入力フィールド。

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

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

エフェクト

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

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

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

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

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

ツール

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

この jQuery UI チュートリアル マニュアルの内容

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

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

その他の jQuery UI 関連の学習参照リソース

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

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