Button

Através do componente 'button', podemos representar visualmente diversos elementos HTML como um botão. Veja isto na Figura 5 e em seu respectivo código fonte mostrado a seguir.

<script>

$(function() {

      $("button, input:submit, a").button();

      $("a").click(function() { return false; });

});

</script>

<button>Botão X</button>

<input type="submit" value="Enviar"/>

<a href="#">Link Y</a>

• Observe que os diversos elementos HTML distintos apresentaram o mesmo visual.
• A segunda linha do bloco JavaScript é necessária para que o navegador não mude a página corrente.
• Consulte o site do jQuery UI para aprender a utilizar outros tipos de botões.