Os materiais didáticos aqui disponibilizados estão licenciados através de Creative Commons Atribuição-SemDerivações-SemDerivados CC BY-NC-ND. Você possui a permissão para visualizar e compartilhar, desde que atribua os créditos do autor. Não poderá alterá-los e nem utilizá-los para fins comerciais.
Atribuição-SemDerivações-SemDerivados
CC BY-NC-ND
Cursos / Informática para Internet / Desenvolvimento Web II / Aula
Para começar vamos adicionar um arquivo HTML chamado “index.html” em um projeto. Dentro da tag head adicione o seguinte código:
Esse código irá adicionar ao HTML o jQuery, jQuery UI e o CSS do jQuery UI com o tema “base”. Sempre adicione esse trecho de código nos arquivos HTML ou JSP que deseja que tenha o jQuery UI. Todos os arquivos estão em servidores remotos mas também é possível também baixar o jQuery UI para o seu computador no site http://jqueryui.com e em seguida clicando na seção Download.
O código completo do arquivo index.html está a seguir:
No navegador o arquivo index.html deve aparecer da seguinte forma:
Se você clicar em “Item 2” vai ver que o primeiro item some e o segundo aparece. Legal não é?
Versão 5.3 - Todos os Direitos reservados