Introdução ao jQuery

Felippe Alex Scheidt · Capítulo 25 de 27

Páginas do PDF

Introdução ao jQuery

Lista de atividades

CPF: <input type="text" id="cpf"/><br>

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

</form>

</body>

</html>

Observe que o único trabalho é chamar a função mask() para cada uma das inputs, passando como parâmetro o padrão de formatação da máscara, sendo que 0 significa um digito curinga que representa qualquer número entre 0 e 9 .

 

Lista de atividades

 

1. Crie um formulário que aceita como entrada a url de uma

imagem e ao clicar enviar, insere a imagem numa div. Dica: use append.

 

2. Utilize a função append() para que toda vez que o usuário

clicar no botão (+), adicione um novo input do tipo text dentro do formulário. A figura abaixo a direita mostra o resultado, depois que o usuário apertou duas vezes no botão (+).

3. Faça uma tabela dinâmica, de cadastros de produtos. Toda vez

 

que o botão "Novo produto" é clicado, uma nova linha é adicionada na tabela:

 

Veja o exemplo do que ocorre depois que o usuário clicou 3 vezes em novo produto:

 

4. Faça um script que permita percorrer uma lista toda vez que o

botão "Próximo" é clicado. A lista começa em Paris e termina em Buenos Aires.

5. O botão próximo agora permite mostrar a imagem associada a

cada roteiro. Dica: armazene o nome do arquivo da imagem no atributo data-value em cada tag <li>.

 

OceanofPDF.com