7月3日に掲載した記事「jQueryを使ってるならコレ! ウィジェットライブラリの決定版 - jQuery UI」ではjQuery UIの簡単な概要と、jQuery UI/SliderとjQuery API/CSSを組み合わせたサンプルコードをいくつか紹介した。簡単なコードを追加するだけで、工夫次第でさまざまな使い方ができるUIを作成可能ことがおわかりいただけたと思うが、jQuery UIには他にも汎用性の高いコア機能とウィジェットが用意されている。本稿ではその中でもとくに興味深いウィジェット「Datepicker」「Dialog」「Tabs」を紹介する。

なおWebブラウザ実行環境と使用したJavaScriptファイルは次のとおり。

  • Microsoft Windows XP SP3 / Microsoft Internet Explorer 7
  • FreeBSD 8-current / Mozilla Firefox 3
  • jQuery 1.2.6
  • Build your Downloadを使用し作成したjQuery UI 1.5.1