Edited at

jQuery UI 使い方

概要

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を使用して、様々なインタラクションを実装できる