概要

jQuery UI はインタラクティブなWebサイトを開発するために使用される、jQueryをベースにしたJavaScriptのライブラリである。マウスベースのインタラクションやアニメーション、テーマを適用可能なDialogやDatepickerといったウィジェットが提供される。
<wikipediaより引用>

準備

・jQuery UIのサイトからダウンロード　https://jqueryui.com/
・ダウンロードファイルを使いたいファイルと同じ階層に入れる
・ファイル名を分かりやすく変えておく（"jquery-ui"など）

使い方

jquery.html

 <!DOCTYPE html>
<html>
    <head>
        <link href="jquery-ui/jquery-ui.css" rel="stylesheet">
        <style>

        </style>
    </head>  
    <body>
       <script src="jquery-3.3.1.min.js"></script>
       <script src="jquery-ui/jquery-ui.js"></script>

       <script type="text/javascript">        
       </script>

    </body>
</html>

jQueryのサイトのDemosから使いたい物を選んでソースファイルを見て実装する。

結果

jQuery UIを使用して、様々なインタラクションを実装できる

jQuery UI 使い方

概要

準備

使い方

結果