Quem já usou o JQuery sabe que o mesmo é uma revolução na forma que escrevemos JavaScript, pois baseado no atalho $ para documentos document.getElementById, o jQuery estendeu-o muito o que se podia imaginar, misturando-o com a função document.getElementsBySelector. O Nando Vieira fez um artigo bem completo sobre esses seletores, confira lá.
Veja alguns exemplos práticos
Agora você conhece os seletores do jQuery, veja alguns exemplos mostrando como usar este framework.
- Executando códigos no após o carregamento da página (onload) – ready.html
- Zebrar uma tabela, adicionando uma classe de CSS – zebra-table.html
- Adicionar um evento
onmouseovernas linhas de uma tabela, alterando a cor de fundo – table-row.html - Iterar em uma lista de elementos retornados – iteration.html
- Mover itens de uma lista para outra – list-items.html
- Carregar HTML em um elemento – html-content.html
- Carregar dados em formato JSON – json-content.html
- Exibir/Esconder elementos – show-hide.html