Seja bem vindo(a) à última uma aula do curso de jQuery para iniciantes. A aula de hoje é um pouco mais extensa pois veremos os assuntos que ainda faltam para consolidar nosso conhecimento básico sobre jQuery.
Iniciamos a aula falando sobre a opção callback que serve para executar uma função após a conclusão de uma ação. Em seguida veremos como adicionar conteúdo dentro de tags HTML dinamicamente e conforme a necessidade. Depois aprenderemos como alterar o estilo CSS de elementos utilizando jQuery e para finalizar veremos como carregar arquivos externos dentro de uma DIV ou qualquer outro elemento utilizando a opção load.
Acompanhe a aula com atenção e não esqueça de deixar um comentário depois, bom estudo.
Este post faz parte de uma série, confira tudo que já foi publicado sobre o mesmo assunto.
Encerramos assim mais um curso para iniciantes, espero que este modesto curso tenha sido útil para iniciar o aprendizado de muitos no fantástico mundo do jQuery. Qualquer dúvida ou sugestão é só deixar um comentário.
Compartilhe esse post:
Sou técnico em hardware e desenvolvedor web, e sobre estes dois assuntos comecei a compartilhar aulas e artigos, tornando-me blogueiro em 2008. Em 2010 esse hobby virou profissão, e desde então tenho buscado melhorar e profissionalizar cada vez mais os projetos que mantenho na web.
Atualmente temos 20 comentários para este post. Participe você também, clique aqui e comente sobre o assunto.
Olá acabei de assistir todas as aulas, parabéns pela iniciativa, agora sim já da para ter um pouco de entendimento sobre as funcionalidades do Jquery. Vai ter mais? Espero que sim, forte abraço!
ResponderParabéns pelas vídeo-aulas, muito boas, muito didáticas.
ResponderAcompanhei o curso inteiro e continuarei acompanhando os próximos..
As aulas ficaram legais, práticas e com bom conteúdo!
Parabéns!
olá Ricardo gostaria de saber ser vai ter outro curso de Jquery mais avançado.
ResponderIsso somente o tempo para dizer com certeza, sempre temos a intenção de criar conteúdos novos, porém as vezes não é possível criar tudo que gostaríamos.
ResponderÓtima sequência de aulas. Aprendi bastante.
Ricardo, tenho um form que faz upload de imagens. Como seria para ao clicar no botão de enviar abrir um modal, pop-up, com um gif girando e escrito enviando e ficar aberto até concluir o envio?
Dei esse exemplo de form com upload, mas seria pra qualquer requisição no servidor, onde o usuário tem que ficar esperando uma resposta.
Desde já agradeço.
Acabo de assistir a última aula e a partir de agora, vejo as linhas de scripts jQuery com muito mais facilidade; pois agora entendo muito mais sobre ações e funções.
Ricardo, quero agradecê-lo pela excelente e louvável atitude de disponibilizar conteúdo tão didático e de extrema importância para nós que estávamos engatinhando em jQuery.
Agora é praticar. Praticar muito para começarmos a ficar em pé e iniciar nossos primeiros passos e ir longe!
Representando todos que aqui aprenderam mais sobre jQuery, fica aqui o meu muito obrigado!!!
ResponderMuito bom! Parabéns!
ResponderAcompanhei todas as aulas, me inscrevi, tudo, e gostei muito de aprender um pouco de jQuery com você Ricardo. Obrigado.
ResponderValeu HenriqueM, abraço.
ResponderO meu CSS do modo que você fez não deu certo, colocando: ({""});
ResponderVolto a repetir o que disse em outro comentário, há alguma coisa errada na sua codificação, se tudo estiver correto irá funcionar assim como funcionou pra mim na aula.
ResponderObs: Ao inves da palavra "Mostrar Primeiro" eu quis colocar o codigo:
(a href="#" hreflang="primeiro")Mostrar Primeiro(/a) - Coloquei parenteses p n virar link
Este é o código
$(document).ready(function(){
$("a[hreflang|='primeiro']").click(function(){
$("#paragrafo .primeiro").show(1000);
$("#paragrafo .segundo").hide(1000);
});
$("a[hreflang|='segundo']").click(function(){
$("#paragrafo .segundo").show(1000);
$("#paragrafo .primeiro").hide(1000);
});
});
#paragrafo .primeiro {display:none;}
#paragrafo .segundo {display:none;}
Isto é o primeiro parágrafo
Isto é o segundo parágrafo
(a href="#" hreflang="primeiro">Mostrar Primeiro(/a)
(a href="#" hreflang="segundo">Mostrar Segundo(/a)
Segui sua dica e fui na documentação oficial. E descobri como fazer, em vez do href foi utilizado hreflang. Ex: Mostrar Primeiro. E no jQuery é chamado assim:("a[hreflang|='primeiro']"). O meu objetivo era mostrar um texto de um paragrafo clicando no link. Fiz uma coisa bem legal, quando clico num link ele mostra um texto, quando clico em outro link ele mostra um outro texto e apaga o primeiro e vice-versa. Mais uma vez muito Obrigado. Estou realmente aprendendo como utilizar jQuery.
ResponderParabéns Ricardo, muito boa e esclarecedora suas aulas. Aprendi muito.
Bem, eu estou com um pequeno problema e desejaria uma ajuda se possível.
Eu consegui fazer tudo certinho, mas depois fui tentar fazer os efeitos clicando em links ao invés de botões só que não consegui. Fiz tudo do jeito explicado quando se trata de links mas não deu. Obrigado pelas video Aulas.
Verifique o seletor, provavelmente você está errando neste ponto. Consulte a documentação oficial do jQuery, tem muita dica bacana lá, eu inclusive sempre que posso passo os olhos na documentação para aprender algo novo.
ResponderParabéns!
Acompanhei todas as aulas, e achei a didática muito boa.
Agora para mim esse tal de JQUERY já não é mais um bicho de sete cabeças srsrsrs
Obrigado!
Responder
© 2008-2023 - RBTech.info | Todos os direitos reservados | Hospedado por Innova Host
É proibida a reprodução total ou parcial de qualquer conteúdo deste site.
Muito bom ... Espero que algum dia me torne um bom programador em alguma grande Companhia de Software tipo a Oracle ... :)