Conteúdo principal
Programação
Curso: Programação > Unidade 7
Lição 3: Modificação DOM com jQueryProjeto: Reformulação extrema, edição de página web
Uma grande parte das páginas web na internet usam jQuery - então quando você as visita, você pode abrir seu console JavaScript e executar uma linha de código como essa:
$("body").text("Mwahahaha");
Isso significa que você pode usar jQuery para se divertir com páginas web que não são suas e ter uma ideia de como seu HTML é composto.
Por exemplo, você pode acessar o Twitter e substituir todas as imagens por uma imagem de um gato muito antipático:
$("img").attr("src", "https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg");
Veja como ficou maravilhoso nosso perfil da Khan Academy!
Quais são seus sites preferidos? Tente encontrar um que use jQuery (testando a primeira linha de código) e veja de que formas divertidas você pode modificá-lo. Alguns sites limitam os recursos que você pode usar, então você precisa ser mais criativo. Por exemplo, o Twitter permite somente imagens do Twitter, então eu procurei por imagens de gatos localizadas em twitter.com.
Compartilhe o código para a reformulação de sua página web nas dicas/agradecimentos abaixo. Vamos tornar a web um lugar mais bonito (ou mais cheio de gatos)!
Quer participar da conversa?
Nenhuma postagem por enquanto.