Introdução ao jQuery para manipulação de elementos HTML

Prévia do material em texto

jQuery é uma biblioteca de JavaScript que facilita a seleção e manipulação de elementos HTML, o tratamento de eventos, a animação, a criação de efeitos visuais e a comunicação com um servidor.
Para usar jQuery em um site, você precisa incluir a biblioteca em sua página HTML e, em seguida, escrever código JavaScript que utilize a sintaxe do jQuery. Por exemplo, para selecionar todos os parágrafos em uma página e torná-los vermelhos, você pode escrever o seguinte código:
javascriptCopy code
$("p").css("color", "red"); 
Aqui está uma breve exp licação do código acima:
· $("p") é uma função do jQuery que seleciona todos os elementos <p> na página.
· .css("color", "red") é um método do jQuery que define a propriedade CSS color de cada elemento selecionado como "red".
Aqui estão alguns outros exemplos de uso do jQuery:
· Manipulação de elementos HTML:
javascriptCopy code
$("button").click(function() { $("p").toggle(); }); 
Este código adiciona um evento de clique a todos os botões na página. Quando um botão é clicado, ele alterna a visibilidade de todos os parágrafos na página.
· Animação:
javascriptCopy code
$("#box").animate({left: '250px'}); 
Este código move um elemento com o ID "box" 250 pixels para a direita.
· Comunicação com um servidor:
javascriptCopy code
$.ajax({ url: "https://exemplo.com/meus-dados", success: function(result) { $("#meus-dados").html(result); } }); 
Este código envia uma solicitação AJAX para o servidor em https://exemplo.com/meus-dados e, quando a resposta for recebida com sucesso, insere o conteúdo da resposta em um elemento HTML com o ID "meus-dados" na página.