Button / ボタン

アンカー要素や、フォーム部品なども、スタイリッシュなボタンにしたい場合には、jQuery UI の Button が便利だ。

• jQuery UI の Button プラグインによるスタイリッシュなボタン

  jQuery UI の Button プラグインについての記事。jQuery UI の Button プラグインを使い、ボタン要素、フォームの送信ボタン、アンカー要素（リンクタグ）を、スタイリッシュなボタンに変身させる。

• jQuery UI の Button プラグインで、ボタン要素にアイコンを付加

  jQuery UI の Button プラグインを使い、ボタン要素にアイコンを付加する方法。テキストを消して、アイコンだけにしたり、テキストの左側だけにアイコンを付加したり、テキストの左右両側にアイコンを付加したりできる。

• jQuery UI の Button プラグインで、ボタン要素のラベルを変更

  jQuery UI の Button プラグインの label オプションを使い、ボタン要素のラベルを、変更する方法。

• jQuery UI の Button プラグインを使ったボタン式メニュー

  jQuery UI の Button プラグインの buttonset を使い、アンカー要素（リンクタグ）を、まとめてボタン化したボタン式メニュー。

• jQuery UI の Button プラグインによるスタイリッシュなラジオボタン

  jQuery UI の Button プラグインの buttonset を使い、ラジオボタンを、まとめてスタイリッシュなボタンに変身。動作は、通常のラジオボタンと同様で、選択肢の中からひとつだけ選択できる。

• jQuery UI の Button プラグインで、チェックボックスをボタン化

  jQuery UI の Button プラグインの buttonset を使い、チェックボックスを、まとめてスタイリッシュなボタンに変身。動作については、通常のチェックボックスと同様で、選択肢の中から複数選択できる。

• jQuery UI の Slider、Dialog、Button による複数評価項目フォーム

  jQuery UI の Slider プラグイン、Dialog プラグイン、Button プラグインなどを使い、複数の評価項目の評価送信フォームを作る方法。実装例（サンプル）は、好感度、実用性、デザイン性、独創性、技術力の5つの項目についての評価フォーム。「以上の通り評価する」を押すと確認ダイアログが現れる。

• jQuery UI の Button と Menu によるボタンクリックで現れるメニュー

  jQuery UI の Button プラグインで、クリックで現れるメニューボタンを作る方法。

• jQuery UI の Button プラグインで作るアイコンボタン一覧

  jQuery UI の Button プラグインで作ることができるアイコンボタン一覧。