Exercícios passados na disciplina de Desenvolvimento Web 2 na aula de jQuery, pelo professor Roberto (https://github.com/robertoalencar).
Desenvolvimento para WEB II
CONSIDERANDO OS CONCEITOS ESTUDADOS NAS AULAS, RESOLVA AS SEGUINTES QUESTÕES:
1 Utilizando os comandos aprendidos na aula de jQuery, crie um comando que exiba uma mensagem, avisando ao usuário que ele clicou em um link.
2 Crie um comando que, quando o usuário clicar no link, o navegador adicione uma bordaazul, com 4 pixels de espessura e que seja tracejada, esta formatação deve ser uma classe CSS.
Crie uma página HTML com três DIVs (com algum texto nelas), dois botões e um campo texto;
Implemente uma função jQuery que faça com que quando o botão 1 seja clicado, seja pintado automaticamente todas as DIVs de azul;
Implemente uma função jQuery que faça com que quando o botão 2 for clicado duplamente, seja pintado apenas a segunda DIV de verde;
Implemente uma função jQuery que faça com que quando o campo texto perder o foco, seja pintado a terceira DIV de preto e a cor da fonte dessa DIV de branco;
Crie uma página HTML com dois parágrafos e três botões, através de uma função jQuery, um botão irá esconder o primeiro parágrafo e exibir o segundo parágrafo; o segundo botão irá exibir o primeiro parágrafo e esconder o segundo parágrafo; já o terceiro botão irá exibir os dois parágrafos;
Adicione dois campos texto em uma página HTML, um para receber o nome e outro para receber o sobrenome;
Adicione um botão na página HTML chamado Nome Completo;
Implemente uma função jQuery que valide se os dois campos estão preenchidos, se algum deles não estiver preenchido, coloque uma cor de fundo no campo que não estiver preenchido. Caso os dois campos estejam preenchidos, imprima em uma tag <'H1'> os dois nomes concatenados.
Adicione três parágrafos com algum texto em uma página HTML;Adicione dois links nessa página com as seguintes descrições: Aumentar (+); Diminuir (-);
Implemente uma função jQuery que ao o usuário clicar no link Aumentar, o tamanho da fonte de todos os parágrafos deverá ser aumentada. Ao o usuário clicar no link Diminuir, o tamanho da fonte de todos os parágrafos deverá ser diminuída.
Adicione um campo texto em uma página HTML com o id = idLogin e o valor = 'Digite aqui seu Login';
Implemente uma função jQuery que ao o usuário clicar nesse campo texto, o conteúdo do campo será limpo;
Implemente uma função jQuery que caso o usuário não digite nada nesse campo texto, o conteúdo do campo volte ao estado original, ou seja, ao valor 'Digite aqui seu Login'.