Baixe este arquivo, descompacte-o e abra o arquivo index.html e, utilizando jQuery, faça os exercícios abaixo. Sugestão: crie um arquivo para os exercícios e o inclua no html.
Dica: leia a documentação oficial
Faça uma instrução jQuery que selecione todos elementos com a classe module.
Faça uma instrução jQuery que selecione o terceiro elemento da lista não ordenada myList.
Faça uma instrução jQuery que selecione o label para o input de busca usando um seletor de atributo.
Escreva uma instrução jQuery que encontre quantos elementos na página tem um atributo alt.
Faça uma instrução jQuery que selecione todas as linhas pares da tabela com exceção do cabeçalho.
Faça uma instrução jQuery que encontre quantos elementos h2 possuem as letras "B", "e" NO MESMO texto.
Faça uma instrução jQuery que selecione todos os li dentro de #myList que não estão vermelhos.
Proibido utilizar os pseudo-seletores :eq, :gt ou :lt.
Faça uma instrução jQuery que selecione todos os elementos que são os últimos filhos no HTML do tipo img OU que são os últimos filhos no HTML do tipo h3
Faça uma instrução jQuery que conte o número de caractéres somados dos textos de todos li que estão APÓS o li com fonte vermelha, dentro de #myList. Ex:
<ul id='myList'>
<li class='current bar'>vermelho</li>
<li>Azul</li>
<li>Verde</li>
</ul>'Azul'.length + 'Verde'.length => 9Não utilize os pseudo-seletores :eq, :gt ou lt!
Abra o arquivo index.html e, utilizando jQuery, faça os exercícios abaixo.
Dica: leia a documentação oficial
Faça uma instrução jQuery que selecione todos elementos img da página que possuem alt e os imprima no log do console.
Faça uma instrução jQuery que selecione o input text pelo atributo, depois navegue até seu elemento pai e adicione a classe template nele.
Não utilize pseudo-seletores e não selecione diretamente o pai do input text.
Faça uma instrução jQuery que selecione o item de lista dentro de #myList que possui uma classe "current" e:
- Remova esta classe dele.
- Adicione uma classe "current" no próximo item de lista.
Faça tudo isso em apenas um encadeamento de chamadas. Ex:
$('select from html where...').funcao1().funcao2().funcao3().funcao4().funcao5();Faça uma instrução jQuery que selecione o elemento h2 dentro de #specials, altere seu texto para "Promoções", depois atravesse e altere o texto da opção "Friday" para "Dimitri".
- Não utilize pseudo-seletores.
- Faça tudo isso em apenas um encadeamento de chamadas. Ex:
$('select from html where...').funcao1().funcao2().funcao3().funcao4().funcao5();Faça uma instrução jQuery que selecione o primeiro item de lista no elemento #slideshow; adicione a classe "current" a ele e então adicione a classe "disabled" para seus elementos sibling.
- Não utilize pseudo-seletores.
- Faça tudo isso em apenas um encadeamento de chamadas. Ex:
$('select from html where...').funcao1().funcao2().funcao3().funcao4().funcao5();Abra o arquivo index.html e, utilizando jQuery, faça os exercícios abaixo.
Dica: leia a documentação oficial
Faça uma instrução JavaScript + jQuery que adicione cinco novos itens de lista no fim da lista não ordenada #myList. Os itens devem seguir o padrão de texto dos itens já existentes na lista e devem continuar a contagem (que parou em 7).
Faça uma instrução jQuery que remova os itens com texto par da lista #myList.
Faça uma instrução jQuery que:
. Adicione uma nova div.module à página depois da última (última div module antes da execução).
. Coloque uma cópia da primeira imagem existente dentro dela.