jQuery UI 1.8で追加されたbutton()を使ってみる。

jQuery UI 1.8で追加されたbutton()を使ってサンプルを書いてみる。

Aタグ

コード：

<script type="text/javascript">
$(function() {
  $("button, input:submit, a", ".demo").button();
  $("a", ".demo").click(function() { return false; });
});
</script>
<div class="demo">
<button>butonタグ</button>
<input type="submit" value="inputタグ" />
<a href="#">An anchor</a>

buttonタグだろうが、aタグだろうが、inputだろうが、
button()を適用するだけで、マウスオーバーで色が変わったり、
クリックしたら視覚的にへこんだように見えるような
デザインになる。これは簡単。