jQuery UI 「jQuery UI」とは
今回は、「jQuery UI」について書きます。
jQuery UIは、インタラクティブなWebサイトを開発するために使用される、jQueryをベースにしたJavaScriptのライブラリです。
wiki↓
jQuery UI - Wikipedia
公式サイトは、コチラです↓
jQuery UI
ここからは、jQuery UIのダウンロード方法を書きます。
①
公式サイトに行き、「Download」を選択します。(青丸の部分)
②
ダウンロードページの下にある「Download」を選択すると、ダウンロードが開始されます。
③
ダウンロードフォルダの中身は、こんな感じです。
実際に使うのは、「js」と「css」のフォルダです。
次に、使用方法について、書きます。
使うのは、「js」,「css」フォルダに入ってる「jquery-1.10.2.js」と「jquery-ui-1.10.4.custom.min.js」と「jquery-ui-1.10.4.custom.min.css」の3種類です。
※バージョンによって、名前が違います。今回は、「1.10.4」のバージョンをダウンロードしました。
上の3種類を、このように読み込めば、実行できます。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery UI </title> <link rel="stylesheet" href="css/smoothness/jquery-ui-1.10.4.custom.min.css"> <script src="js/jquery-1.10.2.js"></script> <script src="js/jquery-ui-1.10.4.custom.min.js"></script> </head> <body> </body> </html>
以上で終わりです。
参考ページ
・jQuery UI - Wikipedia
・jQuery UI