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

WBOY
リリース: 2016-05-16 15:04:17
オリジナル
1267 人が閲覧しました

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() メソッドの形式で導入されていることがわかります。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート